#C6CCE7 Color

#C6CCE7 is rgb(198, 204, 231) in RGB and hsl(229, 41%, 84%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#C6CCE7

HEX#C6CCE7

RGBrgb(198, 204, 231)

HSLhsl(229, 41%, 84%)

HSVhsv(229, 14%, 91%)

OKLCHoklch(84.9% 0.038 275.6)

CMYKcmyk(14%, 12%, 0%, 9%)

Text Contrast & Accessibility

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

TextWhite text1.59:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text13.19:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#C6CCE7 Complementary#E7E1C5 Analogous#C5DCE7 Analogous#D0C5E7 Triadic#E7C5CC Triadic#CCE7C5

Tints & Shades

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

Tints

#CDD2EA #D4D8ED #DBDFF0 #E2E5F3 #E9ECF6 #F1F2F9

Shades

#9EA8D6 #7382C4 #4B5EB4 #394889 #293361 #171C36

Use #C6CCE7 in Our Tools

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