#DF2A20

#DF2A20

Color Values

HEX

#DF2A20

RGB

223, 42, 32

HSL

3.1, 74.9%, 50.0%

HSV

3.1, 85.7%, 87.5%

CMYK

0.0%, 81.2%, 85.7%, 12.5%

OKLCH

0.5846 0.2161 29.0

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2A20

#20D5DF

Analogous

#DF2076

#DF8920

#DF2A20

Triadic

#DF2A20

#20DF2A

#2A20DF

Split Complementary

#DF2A20

#20DF89

#2076DF

Tetradic

#DF2A20

#76DF20

#20D5DF

#8920DF

Color Blindness Simulation

Original

#DF2A20

Protanopia

#918F22

Deuteranopia

#9BA923

Tritanopia

#D62425

Achromatopsia

#505050

CSS Usage

background-color: #DF2A20;
color: #DF2A20;
border-color: #DF2A20;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C3C1
300
#F09994
400
#E7615A
500
#DF2A20
600
#B2211A
700
#8F1B14
800
#6F1510
900
#511310
950
#330C0A

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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