#BC349A Color

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

#BC349A

HEX#BC349A

RGBrgb(188, 52, 154)

HSLhsl(315, 57%, 47%)

HSVhsv(315, 72%, 74%)

OKLCHoklch(56.4% 0.201 339.8)

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

Text Contrast & Accessibility

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

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

TextBlack text4.1:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BC349A Complementary#34BC56 Analogous#9A34BC Analogous#BC3456 Triadic#9ABC34 Triadic#349ABC

Tints & Shades

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

Tints

#CD47AB #D567BA #DD83C6 #E59FD3 #ECBBE0 #F5DBEF

Shades

#A42D86 #8C2673 #74205F #581848 #401234 #280B21

Use #BC349A in Our Tools

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