#CBC3DF Color

#CBC3DF is rgb(203, 195, 223) in RGB and hsl(257, 30%, 82%) in HSL. The closest CSS named color is Thistle. Black text is most readable on this background.

#CBC3DF

HEX#CBC3DF

RGBrgb(203, 195, 223)

HSLhsl(257, 30%, 82%)

HSVhsv(257, 13%, 87%)

OKLCHoklch(83.2% 0.04 298.6)

CMYKcmyk(9%, 13%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CBC3DF Complementary#D7DFC3 Analogous#C3C9DF Analogous#D9C3DF Triadic#DFCBC3 Triadic#C3DFCB

Tints & Shades

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

Tints

#D1CAE2 #DAD4E8 #DFDBEB #E5E1EF #EBE8F3 #F3F2F8

Shades

#AB9FCB #8C7AB8 #6D57A2 #52427B #3A2E56 #211B32

Use #CBC3DF in Our Tools

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