#DF8F20

#DF8F20

Color Values

HEX

#DF8F20

RGB

223, 143, 32

HSL

34,9, 74,9%, 50,0%

HSV

34,9, 85,7%, 87,5%

CMYK

0,0%, 35,9%, 85,7%, 12,5%

OKLCH

0,7159 0,1483 68,1

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#DF8F20

#2070DF

Analogous

#DF3020

#CFDF20

#DF8F20

Triadic

#DF8F20

#20DF8F

#8F20DF

Split Complementary

#DF8F20

#20CFDF

#3020DF

Tetradic

#DF8F20

#20DF30

#2070DF

#DF20CF

Color Blindness Simulation

Original

#DF8F20

Protanopia

#BCBC3B

Deuteranopia

#C1C741

Tritanopia

#DB5055

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6E0C1
300
#F0C994
400
#E7AC5A
500
#DF8F20
600
#B2721A
700
#8F5C14
800
#6F4810
900
#513610
950
#33220A

Contrast Checker

Text on white

2,6:1

AA Fail AAA Fail

Text on black

8,09:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026