#C697D8 Color

#C697D8 is rgb(198, 151, 216) in RGB and hsl(283, 45%, 72%) in HSL. The closest CSS named color is Plum. Black text is most readable on this background.

#C697D8

HEX#C697D8

RGBrgb(198, 151, 216)

HSLhsl(283, 45%, 72%)

HSVhsv(283, 30%, 85%)

OKLCHoklch(74.3% 0.105 316.4)

CMYKcmyk(8%, 30%, 0%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C697D8 Complementary#AAD897 Analogous#A597D8 Analogous#D897CA Triadic#D8C697 Triadic#97D8C6

Tints & Shades

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

Tints

#CEA6DD #D4B1E2 #DCC0E7 #E4CFED #EDDEF2 #F3E9F7

Shades

#B172CA #9F51BD #833C9F #652E7A #462055 #2B1434

Use #C697D8 in Our Tools

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