#BC6C88 Color

#BC6C88 is rgb(188, 108, 136) in RGB and hsl(339, 37%, 58%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#BC6C88

HEX#BC6C88

RGBrgb(188, 108, 136)

HSLhsl(339, 37%, 58%)

HSVhsv(339, 43%, 74%)

OKLCHoklch(62.8% 0.107 358.2)

CMYKcmyk(0%, 43%, 28%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC6C88 Complementary#6CBCA0 Analogous#BC6CB0 Analogous#BC786C Triadic#88BC6C Triadic#6C88BC

Tints & Shades

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

Tints

#C58199 #CD93A7 #D7A8B8 #E0BDC9 #EAD2DA #F2E3E8

Shades

#AF5071 #964561 #7A384F #5E2B3D #421F2B #2A131B

Use #BC6C88 in Our Tools

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