Chocolate Color – #d2691e: Codes and Complete Breakdown
By
Published on
Cocoa powder, not dark chocolate bar; the CSS “chocolate” color leans warm cinnamon rather than deep brown. Chocolate color (#d2691e) carries an instant sense of comfort and appetite. Bakery packaging, coffee shops, and cozy layouts all camp here.

Chocolate Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#d2691e
Chocolate Color Codes and Information
Here’s a complete breakdown of the color Chocolate, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #d2691e |
| RGB | rgb(210,105,30) |
| HSL | hsl(25,75%,47.1%) |
| CMYK | 0, 50, 86, 18 |
| HSV | 25, 86, 82 |
| RGB % | 82, 41, 12 |
| XYZ | 31.9, 23.9, 4.2 |
| LAB | 56, 37.2, 56.5 |
| Color Category | Dark |
| Color Family | Peach/Orange |
| Saturation | 86% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 3.63 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 5.78 (passes WCAG AA) |
Similar Colors to Chocolate Color
#411900

Chocolate Brown
#d2691e

Chocolate
#665134

Wild Chocolate
#f0e3c7

White Chocolate
#ead8bb

White Hot Chocolate
#772211

Tempered Chocolate
#8c6150

Swiss Chocolate
#53433e

Spiced Hot Chocolate









