#BA122E Color

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

#BA122E

HEX#BA122E

RGBrgb(186, 18, 46)

HSLhsl(350, 82%, 40%)

HSVhsv(350, 90%, 73%)

OKLCHoklch(50.4% 0.195 21.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA122E Complementary#12BA9E Analogous#BA1282 Analogous#BA4A12 Triadic#2EBA12 Triadic#122EBA

Tints & Shades

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

Tints

#DF1637 #EB3755 #EF5D75 #F38295 #F6A7B4 #FAD1D8

Shades

#A21028 #8B0E23 #740B1D #580916 #410610 #2A040A

Use #BA122E in Our Tools

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