#BA413B Color

#BA413B is rgb(186, 65, 59) in RGB and hsl(3, 52%, 48%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#BA413B

HEX#BA413B

RGBrgb(186, 65, 59)

HSLhsl(3, 52%, 48%)

HSVhsv(3, 68%, 73%)

OKLCHoklch(54.4% 0.157 26.5)

CMYKcmyk(0%, 65%, 68%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA413B Complementary#3BB4BA Analogous#BA3B74 Analogous#BA813B Triadic#3BBA41 Triadic#413BBA

Tints & Shades

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

Tints

#C85751 #D0716C #D98B87 #E3A9A6 #EBC3C1 #F4DDDC

Shades

#A33933 #882F2B #702723 #591F1C #421715 #270E0C

Use #BA413B in Our Tools

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