#DF2220

#DF2220

Color Values

HEX

#DF2220

RGB

223, 34, 32

HSL

0.6, 74.9%, 50.0%

HSV

0.6, 85.7%, 87.5%

CMYK

0.0%, 84.8%, 85.7%, 12.5%

OKLCH

0.5798 0.2205 28.0

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2220

#20DDDF

Analogous

#DF207E

#DF8120

#DF2220

Triadic

#DF2220

#20DF22

#2220DF

Split Complementary

#DF2220

#20DF81

#207EDF

Tetradic

#DF2220

#7EDF20

#20DDDF

#8120DF

Color Blindness Simulation

Original

#DF2220

Protanopia

#8D8C20

Deuteranopia

#98A621

Tritanopia

#D62121

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E2E2
200
#F6C1C1
300
#F09594
400
#E75B5A
500
#DF2220
600
#B21B1A
700
#8F1614
800
#6F1110
900
#511010
950
#330A0A

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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