#BA081A Color

#BA081A is rgb(186, 8, 26) in RGB and hsl(354, 92%, 38%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BA081A

HEX#BA081A

RGBrgb(186, 8, 26)

HSLhsl(354, 92%, 38%)

HSVhsv(354, 96%, 73%)

OKLCHoklch(49.9% 0.199 26.1)

CMYKcmyk(0%, 96%, 86%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BA081A Complementary#08BAA8 Analogous#BA0873 Analogous#BA4F08 Triadic#1ABA08 Triadic#081ABA

Tints & Shades

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

Tints

#E60A20 #F62338 #F84F60 #F97683 #FBA2AB #FDC9CE

Shades

#A20716 #890613 #71050F #5D040D #450309 #2C0206

Use #BA081A in Our Tools

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