#BC1569 Color

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

#BC1569

HEX#BC1569

RGBrgb(188, 21, 105)

HSLhsl(330, 80%, 41%)

HSVhsv(330, 89%, 74%)

OKLCHoklch(52.3% 0.203 358.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC1569 Complementary#15BC69 Analogous#BC15BC Analogous#BC1515 Triadic#69BC15 Triadic#1569BC

Tints & Shades

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

Tints

#E1197D #E93A91 #ED5EA6 #F288BD #F6ACD1 #FAD1E6

Shades

#A5125C #8A0F4D #730D40 #5C0A33 #450826 #290517

Use #BC1569 in Our Tools

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