#CAACE2 Color

#CAACE2 is rgb(202, 172, 226) in RGB and hsl(273, 48%, 78%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#CAACE2

HEX#CAACE2

RGBrgb(202, 172, 226)

HSLhsl(273, 48%, 78%)

HSVhsv(273, 24%, 89%)

OKLCHoklch(78.9% 0.082 309.7)

CMYKcmyk(11%, 24%, 0%, 11%)

Text Contrast & Accessibility

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

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

TextBlack text10.51:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CAACE2 Complementary#C4E2AC Analogous#AFACE2 Analogous#E2ACDF Triadic#E2CAAC Triadic#ACE2CA

Tints & Shades

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

Tints

#D1B7E6 #D8C3EA #DFCEEE #E4D5F0 #ECE1F4 #F3ECF8

Shades

#AF82D3 #975DC6 #7B3DAE #603088 #43215E #281439

Use #CAACE2 in Our Tools

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