#D97706

#D97706

Color Values

HEX

#D97706

RGB

217, 119, 6

HSL

32.1, 94.6%, 43.7%

HSV

32.1, 97.2%, 85.1%

CMYK

0.0%, 45.2%, 97.2%, 14.9%

OKLCH

0.6658 0.1574 58.3

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#D97706

#0668D9

Analogous

#D90D06

#D1D906

#D97706

Triadic

#D97706

#06D977

#7706D9

Split Complementary

#D97706

#06D1D9

#0D06D9

Tetradic

#D97706

#06D90D

#0668D9

#D906D1

Color Blindness Simulation

Original

#D97706

Protanopia

#AFAE21

Deuteranopia

#B4BC28

Tritanopia

#D4373C

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDF
200
#FDDEBA
300
#FCC688
400
#FAA747
500
#F88807
600
#C66D06
700
#9F5704
800
#7C4403
900
#5A3307
950
#392005

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

Part of These Collections

Tailwind CSS — Amber

Amber 600

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