#DF7020

#DF7020

Color Values

HEX

#DF7020

RGB

223, 112, 32

HSL

25.1, 74.9%, 50.0%

HSV

25.1, 85.7%, 87.5%

CMYK

0.0%, 49.8%, 85.7%, 12.5%

OKLCH

0.6638 0.1622 50.4

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#DF7020

#208FDF

Analogous

#DF2030

#DFCF20

#DF7020

Triadic

#DF7020

#20DF70

#7020DF

Split Complementary

#DF7020

#20DFCF

#2030DF

Tetradic

#DF7020

#30DF20

#208FDF

#CF20DF

Color Blindness Simulation

Original

#DF7020

Protanopia

#AFAE33

Deuteranopia

#B5BE38

Tritanopia

#D94346

Achromatopsia

#828282

CSS Usage

background-color: #DF7020;
color: #DF7020;
border-color: #DF7020;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FCF7F2
100
#F9EBE2
200
#F6D7C1
300
#F0BA94
400
#E7955A
500
#DF7020
600
#B25A1A
700
#8F4814
800
#6F3810
900
#512B10
950
#331B0A

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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