#BC1571 Color

#BC1571 is rgb(188, 21, 113) in RGB and hsl(327, 80%, 41%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BC1571

HEX#BC1571

RGBrgb(188, 21, 113)

HSLhsl(327, 80%, 41%)

HSVhsv(327, 89%, 74%)

OKLCHoklch(52.6% 0.206 354.8)

CMYKcmyk(0%, 89%, 40%, 26%)

Text Contrast & Accessibility

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

TextWhite text6.03:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BC1571 Complementary#15BC60 Analogous#B415BC Analogous#BC151D Triadic#71BC15 Triadic#1571BC

Tints & Shades

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

Tints

#E11987 #E93A9A #ED5EAD #F288C2 #F6ACD5 #FAD1E8

Shades

#A51263 #8A0F53 #730D45 #5C0A37 #450829 #290519

Use #BC1571 in Our Tools

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