#BA3A17 Color

#BA3A17 is rgb(186, 58, 23) in RGB and hsl(13, 78%, 41%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BA3A17

HEX#BA3A17

RGBrgb(186, 58, 23)

HSLhsl(13, 78%, 41%)

HSVhsv(13, 88%, 73%)

OKLCHoklch(53.2% 0.17 35.3)

CMYKcmyk(0%, 69%, 88%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA3A17 Complementary#1797BA Analogous#BA1745 Analogous#BA8C17 Triadic#17BA3A Triadic#3A17BA

Tints & Shades

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

Tints

#DE461B #E7613C #EB7E60 #F09F89 #F5BDAD #F9DAD2

Shades

#A33314 #882B11 #71240E #5B1C0B #441508 #290D05

Use #BA3A17 in Our Tools

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