#BA1221

#BA1221

Color Values

HEX

#BA1221

RGB

186, 18, 33

HSL

354.6, 82.4%, 40.0%

HSV

354.6, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 82.3%, 27.1%

OKLCH

0.5029 0.1957 25.2

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#BA1221

#12BAAB

Analogous

#BA1275

#BA5712

#BA1221

Triadic

#BA1221

#21BA12

#1221BA

Split Complementary

#BA1221

#12BA57

#1275BA

Tetradic

#BA1221

#75BA12

#12BAAB

#5712BA

Color Blindness Simulation

Original

#BA1221

Protanopia

#71701D

Deuteranopia

#7B881C

Tritanopia

#B21B1A

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E3
200
#F9BEC3
300
#F48F98
400
#EE5361
500
#E91629
600
#BA1221
700
#950E1A
800
#740B15
900
#540D13
950
#35080C

Contrast Checker

Text on white

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