#BA1224

#BA1224

Color Values

HEX

#BA1224

RGB

186, 18, 36

HSL

353.6, 82.4%, 40.0%

HSV

353.6, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 80.6%, 27.1%

OKLCH

0.5032 0.1954 24.4

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#BA1224

#12BAA8

Analogous

#BA1278

#BA5412

#BA1224

Triadic

#BA1224

#24BA12

#1224BA

Split Complementary

#BA1224

#12BA54

#1278BA

Tetradic

#BA1224

#78BA12

#12BAA8

#5412BA

Color Blindness Simulation

Original

#BA1224

Protanopia

#717020

Deuteranopia

#7B881F

Tritanopia

#B21C1B

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E3
200
#F9BEC4
300
#F48F9A
400
#EE5363
500
#E9162D
600
#BA1224
700
#950E1D
800
#740B16
900
#540D14
950
#35080D

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

3.2: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