#CCC9D4 Color

#CCC9D4 is rgb(204, 201, 212) in RGB and hsl(256, 11%, 81%) in HSL. The closest CSS named color is LightGray. Black text is most readable on this background.

#CCC9D4

HEX#CCC9D4

RGBrgb(204, 201, 212)

HSLhsl(256, 11%, 81%)

HSVhsv(256, 5%, 83%)

OKLCHoklch(84.2% 0.015 298.5)

CMYKcmyk(4%, 5%, 0%, 17%)

Text Contrast & Accessibility

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

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

TextBlack text12.87:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CCC9D4 Complementary#D1D4C9 Analogous#C9CCD4 Analogous#D1C9D4 Triadic#D4CCC9 Triadic#C9D4CC

Tints & Shades

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

Tints

#D1CFD8 #D9D7DF #DFDDE4 #E7E6EB #ECEBEF #F4F4F6

Shades

#AFAABB #918BA2 #746D88 #5A5469 #3F3B4A #24222A

Use #CCC9D4 in Our Tools

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