#CCB4FE Color

#CCB4FE is rgb(204, 180, 254) in RGB and hsl(259, 97%, 85%) in HSL. The closest CSS named color is Thistle. Black text is most readable on this background.

#CCB4FE

HEX#CCB4FE

RGBrgb(204, 180, 254)

HSLhsl(259, 97%, 85%)

HSVhsv(259, 29%, 100%)

OKLCHoklch(81.6% 0.105 298.9)

CMYKcmyk(20%, 29%, 0%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text11.53:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CCB4FE Complementary#E6FEB4 Analogous#B4C1FE Analogous#F0B4FE Triadic#FECBB4 Triadic#B4FECB

Tints & Shades

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

Tints

#D2BEFE #D9C8FE #E0D2FE #E3D7FE #EAE1FF #F1EBFF

Shades

#A277FD #7C40FC #5204FB #4003C4 #2C0288 #1A0150

Use #CCB4FE in Our Tools

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