#D97706
Color Name
Chocolate
rgb(217, 119, 6)•hsl(32, 95%, 44%)•Lum 0.28
HEX#D97706
RGBrgb(217, 119, 6)
HSLhsl(32, 95%, 44%)
HSVhsv(32, 97%, 85%)
CMYKcmyk(0%, 45%, 97%, 15%)
CSS Variable--color-primary: #D97706;
CSS Backgroundbackground-color: #D97706;
Color Harmonies
Classic color wheel theory relationships derived from #D97706. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#C16A05
11% Dark#A95D05
22% Dark#914F04
33% Dark#794203
44% Dark#603503
56% Dark#482802
67% Dark#301A01
78% Dark#180D01
89% DarkTints (Mixing with White)
#DD8622
11% Light#E1953D
22% Light#E6A459
33% Light#EAB375
44% Light#EEC390
56% Light#F2D2AC
67% Light#F7E1C8
78% Light#FBF0E3
89% LightKeep Designing
Use #D97706 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.