#DF8D20

#DF8D20

Color Values

HEX

#DF8D20

RGB

223, 141, 32

HSL

34.2, 74.9%, 50.0%

HSV

34.2, 85.7%, 87.5%

CMYK

0.0%, 36.8%, 85.7%, 12.5%

OKLCH

0.7123 0.1487 66.8

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#DF8D20

#2072DF

Analogous

#DF2D20

#D2DF20

#DF8D20

Triadic

#DF8D20

#20DF8D

#8D20DF

Split Complementary

#DF8D20

#20D2DF

#2D20DF

Tetradic

#DF8D20

#20DF2D

#2072DF

#DF20D2

Color Blindness Simulation

Original

#DF8D20

Protanopia

#BBBB3A

Deuteranopia

#C0C641

Tritanopia

#DB4F54

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6DFC1
300
#F0C894
400
#E7AB5A
500
#DF8D20
600
#B2711A
700
#8F5A14
800
#6F4610
900
#513510
950
#33210A

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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