#BA0D4C Color

#BA0D4C is rgb(186, 13, 76) in RGB and hsl(338, 87%, 39%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#BA0D4C

HEX#BA0D4C

RGBrgb(186, 13, 76)

HSLhsl(338, 87%, 39%)

HSVhsv(338, 93%, 73%)

OKLCHoklch(50.8% 0.198 9.6)

CMYKcmyk(0%, 93%, 59%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA0D4C Complementary#0DBA7B Analogous#BA0DA3 Analogous#BA240D Triadic#4CBA0D Triadic#0D4CBA

Tints & Shades

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

Tints

#E0105C #F02D75 #F3538E #F67EAA #F9A4C3 #FCCFE0

Shades

#A20B43 #8A0A39 #72082F #5B0625 #43051B #2B0312

Use #BA0D4C in Our Tools

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