#BA2185 Color

#BA2185 is rgb(186, 33, 133) in RGB and hsl(321, 70%, 43%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BA2185

HEX#BA2185

RGBrgb(186, 33, 133)

HSLhsl(321, 70%, 43%)

HSVhsv(321, 82%, 73%)

OKLCHoklch(53.7% 0.206 346.7)

CMYKcmyk(0%, 82%, 28%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA2185 Complementary#21BA57 Analogous#A321BA Analogous#BA2138 Triadic#85BA21 Triadic#2185BA

Tints & Shades

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

Tints

#DA2B9C #E04DAC #E670BD #EB8ECB #F1B1DB #F7D4EB

Shades

#A01C72 #8B1863 #711450 #5B1041 #410B2E #2B081F

Use #BA2185 in Our Tools

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