#BA1C9B Color

#BA1C9B is rgb(186, 28, 155) in RGB and hsl(312, 74%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BA1C9B

HEX#BA1C9B

RGBrgb(186, 28, 155)

HSLhsl(312, 74%, 42%)

HSVhsv(312, 85%, 73%)

OKLCHoklch(54.5% 0.223 338.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA1C9B Complementary#1CBA3C Analogous#8B1CBA Analogous#BA1C4B Triadic#9BBA1C Triadic#1C9BBA

Tints & Shades

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

Tints

#DE21B8 #E345C3 #E868CF #EE8CDA #F3AFE5 #F8D3F1

Shades

#A41988 #8A1572 #731160 #590D4A #430A37 #280621

Use #BA1C9B in Our Tools

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