#BC3486 Color

#BC3486 is rgb(188, 52, 134) in RGB and hsl(324, 57%, 47%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BC3486

HEX#BC3486

RGBrgb(188, 52, 134)

HSLhsl(324, 57%, 47%)

HSVhsv(324, 72%, 74%)

OKLCHoklch(55.5% 0.189 348)

CMYKcmyk(0%, 72%, 29%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BC3486 Complementary#34BC6A Analogous#AF34BC Analogous#BC3441 Triadic#86BC34 Triadic#3486BC

Tints & Shades

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

Tints

#CD4797 #D567A9 #DD83B9 #E59FC9 #ECBBD9 #F5DBEB

Shades

#A42D74 #8C2663 #742052 #58183E #40122D #280B1C

Use #BC3486 in Our Tools

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