#BA1C76 Color

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

#BA1C76

HEX#BA1C76

RGBrgb(186, 28, 118)

HSLhsl(326, 74%, 42%)

HSVhsv(326, 85%, 73%)

OKLCHoklch(52.8% 0.202 352.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA1C76 Complementary#1CBA61 Analogous#B01CBA Analogous#BA1C26 Triadic#76BA1C Triadic#1C76BA

Tints & Shades

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

Tints

#DE218C #E3459E #E868B1 #EE8CC3 #F3AFD6 #F8D3E8

Shades

#A41968 #8A1557 #731149 #590D38 #430A2A #280619

Use #BA1C76 in Our Tools

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