#BC158D Color

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

#BC158D

HEX#BC158D

RGBrgb(188, 21, 141)

HSLhsl(317, 80%, 41%)

HSVhsv(317, 89%, 74%)

OKLCHoklch(53.8% 0.22 343.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC158D Complementary#15BC44 Analogous#9815BC Analogous#BC1539 Triadic#8DBC15 Triadic#158DBC

Tints & Shades

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

Tints

#E119A8 #E93AB7 #ED5EC5 #F288D4 #F6ACE1 #FAD1EE

Shades

#A5127C #8A0F67 #730D56 #5C0A45 #450834 #29051F

Use #BC158D in Our Tools

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