#BA122B Color

#BA122B is rgb(186, 18, 43) in RGB and hsl(351, 82%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BA122B

HEX#BA122B

RGBrgb(186, 18, 43)

HSLhsl(351, 82%, 40%)

HSVhsv(351, 90%, 73%)

OKLCHoklch(50.4% 0.195 22.4)

CMYKcmyk(0%, 90%, 77%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA122B Complementary#12BAA1 Analogous#BA127F Analogous#BA4D12 Triadic#2BBA12 Triadic#122BBA

Tints & Shades

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

Tints

#DF1634 #EB3752 #EF5D73 #F38293 #F6A7B3 #FAD1D7

Shades

#A21026 #8B0E21 #740B1B #580915 #41060F #2A040A

Use #BA122B in Our Tools

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