#DF5E20

#DF5E20

Color Values

HEX

#DF5E20

RGB

223, 94, 32

HSL

19.5, 74.9%, 50.0%

HSV

19.5, 85.7%, 87.5%

CMYK

0.0%, 57.8%, 85.7%, 12.5%

OKLCH

0.6376 0.1758 42.4

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#DF5E20

#20A1DF

Analogous

#DF2041

#DFBE20

#DF5E20

Triadic

#DF5E20

#20DF5E

#5E20DF

Split Complementary

#DF5E20

#20DFBE

#2041DF

Tetradic

#DF5E20

#41DF20

#20A1DF

#BE20DF

Color Blindness Simulation

Original

#DF5E20

Protanopia

#A7A62F

Deuteranopia

#AFB833

Tritanopia

#D93B3D

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9E9E2
200
#F6D2C1
300
#F0B294
400
#E7885A
500
#DF5E20
600
#B24B1A
700
#8F3C14
800
#6F2F10
900
#512510
950
#33170A

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.76:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026