#DF4020

#DF4020

Color Values

HEX

#DF4020

RGB

223, 64, 32

HSL

10,1, 74,9%, 50,0%

HSV

10,1, 85,7%, 87,5%

CMYK

0,0%, 71,3%, 85,7%, 12,5%

OKLCH

0,6025 0,2007 33,1

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DF4020

#20BFDF

Analogous

#DF205F

#DFA020

#DF4020

Triadic

#DF4020

#20DF40

#4020DF

Split Complementary

#DF4020

#20DFA0

#205FDF

Tetradic

#DF4020

#5FDF20

#20BFDF

#A020DF

Color Blindness Simulation

Original

#DF4020

Protanopia

#9A9928

Deuteranopia

#A3AF2A

Tritanopia

#D72E2F

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E6E2
200
#F6CAC1
300
#F0A394
400
#E7725A
500
#DF4020
600
#B2331A
700
#8F2914
800
#6F2010
900
#511B10
950
#33110A

Contrast Checker

Text on white

4,29:1

AA Fail AAA Fail

Text on black

4,89:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fev 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fev 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fev 20, 2026