#CB6787 Color

#CB6787 is rgb(203, 103, 135) in RGB and hsl(341, 49%, 60%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#CB6787

HEX#CB6787

RGBrgb(203, 103, 135)

HSLhsl(341, 49%, 60%)

HSVhsv(341, 49%, 80%)

OKLCHoklch(64% 0.131 1.2)

CMYKcmyk(0%, 49%, 33%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CB6787 Complementary#67CBAB Analogous#CB67B9 Analogous#CB7967 Triadic#87CB67 Triadic#6787CB

Tints & Shades

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

Tints

#D17A96 #D991A8 #E0A4B7 #E8BBC9 #EECED8 #F6E4EA

Shades

#C1496F #A7395C #892F4B #6A243B #4C1A2A #2E1019

Use #CB6787 in Our Tools

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