#BA2C29

#BA2C29

Color Values

HEX

#BA2C29

RGB

186, 44, 41

HSL

1.2, 63.9%, 44.5%

HSV

1.2, 78.0%, 72.9%

CMYK

0.0%, 76.3%, 78.0%, 27.1%

OKLCH

0.5201 0.1792 27.0

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#BA2C29

#29B7BA

Analogous

#BA296F

#BA7429

#BA2C29

Triadic

#BA2C29

#29BA2C

#2C29BA

Split Complementary

#BA2C29

#29BA74

#296FBA

Tetradic

#BA2C29

#6FBA29

#29B7BA

#7429BA

Color Blindness Simulation

Original

#BA2C29

Protanopia

#7C7B2A

Deuteranopia

#858F2A

Tritanopia

#B32A2A

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F2C5C4
300
#E99C9B
400
#DD6764
500
#D1312E
600
#A72725
700
#86201D
800
#681917
900
#4C1615
950
#300E0D

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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