#DF3020

#DF3020

Color Values

HEX

#DF3020

RGB

223, 48, 32

HSL

5.0, 74.9%, 50.0%

HSV

5.0, 85.7%, 87.5%

CMYK

0.0%, 78.5%, 85.7%, 12.5%

OKLCH

0.5888 0.2123 29.9

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#DF3020

#20CFDF

Analogous

#DF2070

#DF8F20

#DF3020

Triadic

#DF3020

#20DF30

#3020DF

Split Complementary

#DF3020

#20DF8F

#2070DF

Tetradic

#DF3020

#70DF20

#20CFDF

#8F20DF

Color Blindness Simulation

Original

#DF3020

Protanopia

#939224

Deuteranopia

#9DAA25

Tritanopia

#D62728

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E4E2
200
#F6C5C1
300
#F09C94
400
#E7665A
500
#DF3020
600
#B2261A
700
#8F1F14
800
#6F1810
900
#511510
950
#330D0A

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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