#BC1099 Color

#BC1099 is rgb(188, 16, 153) in RGB and hsl(312, 84%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BC1099

HEX#BC1099

RGBrgb(188, 16, 153)

HSLhsl(312, 84%, 40%)

HSVhsv(312, 91%, 74%)

OKLCHoklch(54.2% 0.229 339.4)

CMYKcmyk(0%, 91%, 19%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC1099 Complementary#10BC33 Analogous#8810BC Analogous#BC1044 Triadic#99BC10 Triadic#1099BC

Tints & Shades

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

Tints

#E114B8 #ED35C9 #F15BD3 #F480DD #F7A6E7 #FBD0F2

Shades

#A40E86 #8D0C73 #750A60 #590849 #420636 #2A0423

Use #BC1099 in Our Tools

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