#DF5F20

#DF5F20

Color Values

HEX

#DF5F20

RGB

223, 95, 32

HSL

19,8, 74,9%, 50,0%

HSV

19,8, 85,7%, 87,5%

CMYK

0,0%, 57,4%, 85,7%, 12,5%

OKLCH

0,639 0,175 42,8

Properties

Warm Light Nearest: NCS S 1070-Y80R Orange

Color Harmonies

Complementary

#DF5F20

#20A0DF

Analogous

#DF2040

#DFBF20

#DF5F20

Triadic

#DF5F20

#20DF5F

#5F20DF

Split Complementary

#DF5F20

#20DFBF

#2040DF

Tetradic

#DF5F20

#40DF20

#20A0DF

#BF20DF

Color Blindness Simulation

Original

#DF5F20

Protanopia

#A8A62F

Deuteranopia

#AFB933

Tritanopia

#D93B3E

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9E9E2
200
#F6D2C1
300
#F0B294
400
#E7895A
500
#DF5F20
600
#B24C1A
700
#8F3D14
800
#6F3010
900
#512510
950
#33180A

Contrast Checker

Text on white

3,62:1

AA Fail AAA Fail

Text on black

5,8:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026