#CF96CA Color

#CF96CA is rgb(207, 150, 202) in RGB and hsl(305, 37%, 70%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#CF96CA

HEX#CF96CA

RGBrgb(207, 150, 202)

HSLhsl(305, 37%, 70%)

HSVhsv(305, 28%, 81%)

OKLCHoklch(74.4% 0.097 329.5)

CMYKcmyk(0%, 28%, 2%, 19%)

Text Contrast & Accessibility

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

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

TextBlack text8.87:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CF96CA Complementary#96CF9B Analogous#B796CF Analogous#CF96AE Triadic#CACF96 Triadic#96CACF

Tints & Shades

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

Tints

#D5A4D1 #DCB2D8 #E2C0DF #E9CEE6 #EFDCED #F5EAF4

Shades

#C077BA #B054A9 #93438C #70336B #50254D #2D152B

Use #CF96CA in Our Tools

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