#DF2022

#DF2022

Color Values

HEX

#DF2022

RGB

223, 32, 34

HSL

359.4, 74.9%, 50.0%

HSV

359.4, 85.7%, 87.5%

CMYK

0.0%, 85.7%, 84.8%, 12.5%

OKLCH

0.5789 0.2213 27.4

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DF2022

#20DFDD

Analogous

#DF2081

#DF7E20

#DF2022

Triadic

#DF2022

#22DF20

#2022DF

Split Complementary

#DF2022

#20DF7E

#2081DF

Tetradic

#DF2022

#81DF20

#20DFDD

#7E20DF

Color Blindness Simulation

Original

#DF2022

Protanopia

#8C8B22

Deuteranopia

#97A621

Tritanopia

#D52121

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E2
200
#F6C1C1
300
#F09495
400
#E75A5B
500
#DF2022
600
#B21A1B
700
#8F1416
800
#6F1011
900
#511010
950
#330A0A

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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