#727FA1 Color

#727FA1 is rgb(114, 127, 161) in RGB and hsl(223, 20%, 54%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#727FA1

HEX#727FA1

RGBrgb(114, 127, 161)

HSLhsl(223, 20%, 54%)

HSVhsv(223, 29%, 63%)

OKLCHoklch(59.9% 0.054 268.4)

CMYKcmyk(29%, 21%, 0%, 37%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #727FA1 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.99:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.27:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #727FA1 based on color wheel relationships. Click any swatch for its full breakdown.

Base#727FA1 Complementary#A19472 Analogous#7297A1 Analogous#7C72A1 Triadic#A17280 Triadic#80A172

Tints & Shades

Lighter tints and darker shades of #727FA1, useful for hover states, backgrounds, and text variants.

Tints

#8590AD #9AA4BC #ACB4C8 #BFC5D4 #D1D5E0 #E7E9EF

Shades

#606D90 #525D7A #434D65 #333A4D #252A37 #161A22

Use #727FA1 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex