#DCCCF5 Color

#DCCCF5 is rgb(220, 204, 245) in RGB and hsl(263, 67%, 88%) in HSL. The closest CSS named color is Lavender. Black text is most readable on this background.

#DCCCF5

HEX#DCCCF5

RGBrgb(220, 204, 245)

HSLhsl(263, 67%, 88%)

HSVhsv(263, 17%, 96%)

OKLCHoklch(87.1% 0.058 303)

CMYKcmyk(10%, 17%, 0%, 4%)

Text Contrast & Accessibility

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

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

TextBlack text14:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#DCCCF5 Complementary#E5F5CC Analogous#CCD1F5 Analogous#F0CCF5 Triadic#F5DCCC Triadic#CCF5DC

Tints & Shades

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

Tints

#DFD0F6 #E4D9F7 #E7DDF8 #EDE5FA #F0EAFB #F6F2FC

Shades

#B899EB #9566E1 #7133D7 #5622AA #3C1877 #220D44

Use #DCCCF5 in Our Tools

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