#CCA4CB Color

#CCA4CB is rgb(204, 164, 203) in RGB and hsl(302, 28%, 72%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#CCA4CB

HEX#CCA4CB

RGBrgb(204, 164, 203)

HSLhsl(302, 28%, 72%)

HSVhsv(302, 20%, 80%)

OKLCHoklch(76.7% 0.07 327)

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

Text Contrast & Accessibility

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

TextWhite text2.16:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.74:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CCA4CB Complementary#A4CCA5 Analogous#B9A4CC Analogous#CCA4B6 Triadic#CACCA4 Triadic#A4CACC

Tints & Shades

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

Tints

#D3B1D2 #D8BAD7 #E0C8DF #E7D5E7 #EEE2EE #F4EBF4

Shades

#B983B7 #A966A6 #8C4F8A #6C3D6A #4B2A4A #2E1A2D

Use #CCA4CB in Our Tools

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