#DE2124

#DE2124

Color Values

HEX

#DE2124

RGB

222, 33, 36

HSL

359.0, 74.1%, 50.0%

HSV

359.0, 85.1%, 87.1%

CMYK

0.0%, 85.1%, 83.8%, 12.9%

OKLCH

0.5778 0.2198 27.2

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DE2124

#21DEDB

Analogous

#DE2183

#DE7C21

#DE2124

Triadic

#DE2124

#24DE21

#2124DE

Split Complementary

#DE2124

#21DE7C

#2183DE

Tetradic

#DE2124

#83DE21

#21DEDB

#7C21DE

Color Blindness Simulation

Original

#DE2124

Protanopia

#8C8B23

Deuteranopia

#97A523

Tritanopia

#D52323

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F6C1C2
300
#EF9496
400
#E75B5D
500
#DE2124
600
#B21A1D
700
#8E1517
800
#6F1112
900
#511011
950
#330A0B

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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