#BA125B Color

#BA125B is rgb(186, 18, 91) in RGB and hsl(334, 82%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BA125B

HEX#BA125B

RGBrgb(186, 18, 91)

HSLhsl(334, 82%, 40%)

HSVhsv(334, 90%, 73%)

OKLCHoklch(51.4% 0.199 3.5)

CMYKcmyk(0%, 90%, 51%, 27%)

Text Contrast & Accessibility

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

TextWhite text6.32:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BA125B Complementary#12BA71 Analogous#BA12AE Analogous#BA1E12 Triadic#5BBA12 Triadic#125BBA

Tints & Shades

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

Tints

#DF166D #EB3785 #EF5D9C #F382B3 #F6A7C9 #FAD1E3

Shades

#A2104F #8B0E44 #740B39 #58092B #410620 #2A0414

Use #BA125B in Our Tools

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