#DF5A20

#DF5A20

Color Values

HEX

#DF5A20

RGB

223, 90, 32

HSL

18.2, 74.9%, 50.0%

HSV

18.2, 85.7%, 87.5%

CMYK

0.0%, 59.6%, 85.7%, 12.5%

OKLCH

0.6323 0.1791 40.9

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#DF5A20

#20A5DF

Analogous

#DF2046

#DFB920

#DF5A20

Triadic

#DF5A20

#20DF5A

#5A20DF

Split Complementary

#DF5A20

#20DFB9

#2046DF

Tetradic

#DF5A20

#46DF20

#20A5DF

#B920DF

Color Blindness Simulation

Original

#DF5A20

Protanopia

#A5A42E

Deuteranopia

#ADB731

Tritanopia

#D8393C

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF5F2
100
#F9E9E2
200
#F6D1C1
300
#F0B094
400
#E7855A
500
#DF5A20
600
#B2481A
700
#8F3A14
800
#6F2D10
900
#512410
950
#33160A

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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