#DF8E20

#DF8E20

Color Values

HEX

#DF8E20

RGB

223, 142, 32

HSL

34.6, 74.9%, 50.0%

HSV

34.6, 85.7%, 87.5%

CMYK

0.0%, 36.3%, 85.7%, 12.5%

OKLCH

0.7141 0.1485 67.4

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#DF8E20

#2071DF

Analogous

#DF2F20

#D0DF20

#DF8E20

Triadic

#DF8E20

#20DF8E

#8E20DF

Split Complementary

#DF8E20

#20D0DF

#2F20DF

Tetradic

#DF8E20

#20DF2F

#2071DF

#DF20D0

Color Blindness Simulation

Original

#DF8E20

Protanopia

#BCBB3B

Deuteranopia

#C1C741

Tritanopia

#DB5054

Achromatopsia

#979797

CSS Usage

background-color: #DF8E20;
color: #DF8E20;
border-color: #DF8E20;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6DFC1
300
#F0C994
400
#E7AB5A
500
#DF8E20
600
#B2721A
700
#8F5B14
800
#6F4710
900
#513510
950
#33220A

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.03:1

AA Pass AAA Pass

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