#DF2D20

#DF2D20

Color Values

HEX

#DF2D20

RGB

223, 45, 32

HSL

4.1, 74.9%, 50.0%

HSV

4.1, 85.7%, 87.5%

CMYK

0.0%, 79.8%, 85.7%, 12.5%

OKLCH

0.5866 0.2143 29.5

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2D20

#20D2DF

Analogous

#DF2072

#DF8D20

#DF2D20

Triadic

#DF2D20

#20DF2D

#2D20DF

Split Complementary

#DF2D20

#20DF8D

#2072DF

Tetradic

#DF2D20

#72DF20

#20D2DF

#8D20DF

Color Blindness Simulation

Original

#DF2D20

Protanopia

#929023

Deuteranopia

#9CAA24

Tritanopia

#D62626

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E3E2
200
#F6C4C1
300
#F09A94
400
#E7645A
500
#DF2D20
600
#B2241A
700
#8F1D14
800
#6F1710
900
#511410
950
#330D0A

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass 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