#BA459B Color

#BA459B is rgb(186, 69, 155) in RGB and hsl(316, 46%, 50%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BA459B

HEX#BA459B

RGBrgb(186, 69, 155)

HSLhsl(316, 46%, 50%)

HSVhsv(316, 63%, 73%)

OKLCHoklch(57.8% 0.179 339.6)

CMYKcmyk(0%, 63%, 17%, 27%)

Text Contrast & Accessibility

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

TextWhite text4.76:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BA459B Complementary#45BA64 Analogous#9F45BA Analogous#BA4560 Triadic#9BBA45 Triadic#459BBA

Tints & Shades

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

Tints

#C45FA9 #CD79B7 #D793C5 #DFA9D1 #E9C3DF #F3DDED

Shades

#A03B85 #8A3373 #70295D #59214A #3F1735 #290F22

Use #BA459B in Our Tools

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