#BA2412

#BA2412

Color Values

HEX

#BA2412

RGB

186, 36, 18

HSL

6.4, 82.4%, 40.0%

HSV

6.4, 90.3%, 72.9%

CMYK

0.0%, 80.6%, 90.3%, 27.1%

OKLCH

0.5118 0.1876 30.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA2412

#12A8BA

Analogous

#BA1254

#BA7812

#BA2412

Triadic

#BA2412

#12BA24

#2412BA

Split Complementary

#BA2412

#12BA78

#1254BA

Tetradic

#BA2412

#54BA12

#12A8BA

#7812BA

Color Blindness Simulation

Original

#BA2412

Protanopia

#797816

Deuteranopia

#828D17

Tritanopia

#B21A1B

Achromatopsia

#434343

CSS Usage

background-color: #BA2412;
color: #BA2412;
border-color: #BA2412;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C4BE
300
#F49A8F
400
#EE6353
500
#E92D16
600
#BA2412
700
#951D0E
800
#74160B
900
#54140D
950
#350D08

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026