#DF8620

#DF8620

Color Values

HEX

#DF8620

RGB

223, 134, 32

HSL

32,0, 74,9%, 50,0%

HSV

32,0, 85,7%, 87,5%

CMYK

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

OKLCH

0,7 0,1508 62,6

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#DF8620

#2079DF

Analogous

#DF2620

#D9DF20

#DF8620

Triadic

#DF8620

#20DF86

#8620DF

Split Complementary

#DF8620

#20D9DF

#2620DF

Tetradic

#DF8620

#20DF26

#2079DF

#DF20D9

Color Blindness Simulation

Original

#DF8620

Protanopia

#B8B839

Deuteranopia

#BEC43F

Tritanopia

#DB4C50

Achromatopsia

#929292

CSS Usage

background-color: #DF8620;
color: #DF8620;
border-color: #DF8620;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DDC1
300
#F0C594
400
#E7A55A
500
#DF8620
600
#B26B1A
700
#8F5614
800
#6F4310
900
#513310
950
#33200A

Contrast Checker

Text on white

2,77:1

AA Fail AAA Fail

Text on black

7,57: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