#DF2423

#DF2423

Color Values

HEX

#DF2423

RGB

223, 36, 35

HSL

0.3, 74.6%, 50.6%

HSV

0.3, 84.3%, 87.5%

CMYK

0.0%, 83.9%, 84.3%, 12.5%

OKLCH

0.5812 0.2192 27.7

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2423

#23DEDF

Analogous

#DF2380

#DF8223

#DF2423

Triadic

#DF2423

#23DF24

#2423DF

Split Complementary

#DF2423

#23DF82

#2380DF

Tetradic

#DF2423

#80DF23

#23DEDF

#8223DF

Color Blindness Simulation

Original

#DF2423

Protanopia

#8E8C23

Deuteranopia

#99A723

Tritanopia

#D62323

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F8E2E2
200
#F6C1C1
300
#EF9594
400
#E75B5A
500
#DF2120
600
#B21B1A
700
#8E1515
800
#6F1110
900
#511010
950
#330A0A

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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