#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026