#C86F87 Color

#C86F87 is rgb(200, 111, 135) in RGB and hsl(344, 45%, 61%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#C86F87

HEX#C86F87

RGBrgb(200, 111, 135)

HSLhsl(344, 45%, 61%)

HSVhsv(344, 45%, 78%)

OKLCHoklch(64.8% 0.115 3.5)

CMYKcmyk(0%, 45%, 32%, 22%)

Text Contrast & Accessibility

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

TextWhite text3.45:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.08:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#C86F87 Complementary#6FC8B0 Analogous#C86FB3 Analogous#C8846F Triadic#87C86F Triadic#6F87C8

Tints & Shades

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

Tints

#CF8196 #D897A9 #DFAAB8 #E6BCC7 #EDCFD7 #F5E5E9

Shades

#BD516E #A63F5B #89344B #682738 #4A1C28 #2C1118

Use #C86F87 in Our Tools

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