#CCC3EE Color

#CCC3EE is rgb(204, 195, 238) in RGB and hsl(253, 56%, 85%) in HSL. The closest CSS named color is Thistle. Black text is most readable on this background.

#CCC3EE

HEX#CCC3EE

RGBrgb(204, 195, 238)

HSLhsl(253, 56%, 85%)

HSVhsv(253, 18%, 93%)

OKLCHoklch(83.8% 0.06 294.7)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CCC3EE Complementary#E5EEC3 Analogous#C3CFEE Analogous#E2C3EE Triadic#EECDC3 Triadic#C3EECD

Tints & Shades

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

Tints

#D3CBF0 #DAD3F3 #E1DBF5 #E4DFF6 #EBE7F8 #F2EFFB

Shades

#A494E1 #7F68D4 #5738C7 #442C9B #2F1E6B #1C1240

Use #CCC3EE in Our Tools

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