#CCC4EE Color

#CCC4EE is rgb(204, 196, 238) in RGB and hsl(251, 55%, 85%) in HSL. The closest CSS named color is Thistle. Black text is most readable on this background.

#CCC4EE

HEX#CCC4EE

RGBrgb(204, 196, 238)

HSLhsl(251, 55%, 85%)

HSVhsv(251, 18%, 93%)

OKLCHoklch(84% 0.059 293.8)

CMYKcmyk(14%, 18%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CCC4EE Complementary#E6EEC4 Analogous#C4D1EE Analogous#E0C4EE Triadic#EECBC4 Triadic#C4EECB

Tints & Shades

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

Tints

#D2CCF0 #D9D4F2 #E0DBF5 #E3DFF6 #EAE7F8 #F1EFFA

Shades

#A294E0 #7C69D3 #5339C6 #412D9A #2D1F6B #1B123F

Use #CCC4EE in Our Tools

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