#D2691E
Color Name
Chocolate
rgb(210, 105, 30)•hsl(25, 75%, 47%)•Lum 0.239
HEX#D2691E
RGBrgb(210, 105, 30)
HSLhsl(25, 75%, 47%)
HSVhsv(25, 86%, 82%)
CMYKcmyk(0%, 50%, 86%, 18%)
CSS Variable--color-primary: #D2691E;
CSS Backgroundbackground-color: #D2691E;
Color Harmonies
Classic color wheel theory relationships derived from #D2691E. 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)
#BB5D1B
11% Dark#A35217
22% Dark#8C4614
33% Dark#753A11
44% Dark#5D2F0D
56% Dark#46230A
67% Dark#2F1707
78% Dark#170C03
89% DarkTints (Mixing with White)
#D77A37
11% Light#DC8A50
22% Light#E19B69
33% Light#E6AC82
44% Light#EBBC9B
56% Light#F0CDB4
67% Light#F5DECD
78% Light#FAEEE6
89% LightKeep Designing
Use #D2691E Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.