#CF687B Color

#CF687B is rgb(207, 104, 123) in RGB and hsl(349, 52%, 61%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#CF687B

HEX#CF687B

RGBrgb(207, 104, 123)

HSLhsl(349, 52%, 61%)

HSVhsv(349, 50%, 81%)

OKLCHoklch(64.3% 0.131 9.8)

CMYKcmyk(0%, 50%, 41%, 19%)

Text Contrast & Accessibility

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

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

TextBlack text5.92:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#CF687B Complementary#68CFBC Analogous#CF68AF Analogous#CF8968 Triadic#7BCF68 Triadic#687BCF

Tints & Shades

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

Tints

#D57B8C #DD92A0 #E3A6B1 #E9B9C2 #EFCDD3 #F6E4E7

Shades

#C54960 #AE374D #8F2D3F #6D2230 #4E1822 #2F0F15

Use #CF687B in Our Tools

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