#DF5C20

#DF5C20

Color Values

HEX

#DF5C20

RGB

223, 92, 32

HSL

18.8, 74.9%, 50.0%

HSV

18.8, 85.7%, 87.5%

CMYK

0.0%, 58.7%, 85.7%, 12.5%

OKLCH

0.6349 0.1774 41.6

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#DF5C20

#20A3DF

Analogous

#DF2044

#DFBB20

#DF5C20

Triadic

#DF5C20

#20DF5C

#5C20DF

Split Complementary

#DF5C20

#20DFBB

#2044DF

Tetradic

#DF5C20

#44DF20

#20A3DF

#BB20DF

Color Blindness Simulation

Original

#DF5C20

Protanopia

#A6A52F

Deuteranopia

#AEB832

Tritanopia

#D83A3C

Achromatopsia

#747474

CSS Usage

background-color: #DF5C20;
color: #DF5C20;
border-color: #DF5C20;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FCF6F2
100
#F9E9E2
200
#F6D1C1
300
#F0B194
400
#E7865A
500
#DF5C20
600
#B2491A
700
#8F3B14
800
#6F2E10
900
#512410
950
#33170A

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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