#BC2F96 Color

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

#BC2F96

HEX#BC2F96

RGBrgb(188, 47, 150)

HSLhsl(316, 60%, 46%)

HSVhsv(316, 75%, 74%)

OKLCHoklch(55.8% 0.204 341.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC2F96 Complementary#2FBC54 Analogous#9B2FBC Analogous#BC2F50 Triadic#96BC2F Triadic#2F96BC

Tints & Shades

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

Tints

#CF3FA9 #D760B7 #DE7CC4 #E79DD3 #EEBAE0 #F6DAEE

Shades

#A32983 #8B236F #721D5B #5A1648 #411034 #290A21

Use #BC2F96 in Our Tools

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