#BA1225

#BA1225

Color Values

HEX

#BA1225

RGB

186, 18, 37

HSL

353.2, 82.4%, 40.0%

HSV

353.2, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 80.1%, 27.1%

OKLCH

0.5033 0.1953 24.1

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#BA1225

#12BAA7

Analogous

#BA1279

#BA5312

#BA1225

Triadic

#BA1225

#25BA12

#1225BA

Split Complementary

#BA1225

#12BA53

#1279BA

Tetradic

#BA1225

#79BA12

#12BAA7

#5312BA

Color Blindness Simulation

Original

#BA1225

Protanopia

#717020

Deuteranopia

#7B881F

Tritanopia

#B21D1C

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E3
200
#F9BEC5
300
#F48F9B
400
#EE5365
500
#E9162E
600
#BA1225
700
#950E1E
800
#740B17
900
#540D15
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