#BC2F88 Color

#BC2F88 is rgb(188, 47, 136) in RGB and hsl(322, 60%, 46%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BC2F88

HEX#BC2F88

RGBrgb(188, 47, 136)

HSLhsl(322, 60%, 46%)

HSVhsv(322, 75%, 74%)

OKLCHoklch(55.1% 0.196 346.8)

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

Text Contrast & Accessibility

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

TextWhite text5.38:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.9:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BC2F88 Complementary#2FBC63 Analogous#A92FBC Analogous#BC2F42 Triadic#88BC2F Triadic#2F88BC

Tints & Shades

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

Tints

#CF3F9A #D760AB #DE7CBA #E79DCC #EEBADB #F6DAEC

Shades

#A32976 #8B2365 #721D53 #5A1641 #41102F #290A1E

Use #BC2F88 in Our Tools

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