#BC249B Color

#BC249B is rgb(188, 36, 155) in RGB and hsl(313, 68%, 44%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BC249B

HEX#BC249B

RGBrgb(188, 36, 155)

HSLhsl(313, 68%, 44%)

HSVhsv(313, 81%, 74%)

OKLCHoklch(55.2% 0.218 339)

CMYKcmyk(0%, 81%, 18%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC249B Complementary#24BC45 Analogous#9124BC Analogous#BC244F Triadic#9BBC24 Triadic#249BBC

Tints & Shades

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

Tints

#D831B4 #DE4FBF #E472CB #EB94D8 #F1B6E4 #F7D4EF

Shades

#A31F86 #8D1B75 #74165F #5A114A #400C35 #2B0823

Use #BC249B in Our Tools

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