#BA1220

#BA1220

Color Values

HEX

#BA1220

RGB

186, 18, 32

HSL

355.0, 82.4%, 40.0%

HSV

355.0, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 82.8%, 27.1%

OKLCH

0.5028 0.1958 25.4

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#BA1220

#12BAAC

Analogous

#BA1274

#BA5812

#BA1220

Triadic

#BA1220

#20BA12

#1220BA

Split Complementary

#BA1220

#12BA58

#1274BA

Tetradic

#BA1220

#74BA12

#12BAAC

#5812BA

Color Blindness Simulation

Original

#BA1220

Protanopia

#71701D

Deuteranopia

#7B881C

Tritanopia

#B21A19

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E3
200
#F9BEC3
300
#F48F98
400
#EE5360
500
#E91628
600
#BA1220
700
#950E1A
800
#740B14
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