A very deep brown with a red undertone, like a bar of high-cacao chocolate. It feels rich and sophisticated, great for hair color, leather furniture and luxury packaging.
Also known as: Dark chocolate brown.
The hex code for dark chocolate is #3D2418. In RGB it is rgb(61, 36, 24), in HSL hsl(19, 44%, 17%) and in CMYK 0, 41, 61, 76.
Pick a color to pair it with and see how it looks on clothes, interiors and design.
Dark chocolate (#3D2418) is a warm, dark, moderately saturated color. It belongs to the browns family. It mixes 61 red, 36 green and 24 blue (out of 255). It is mostly used in hair, furniture, luxury.

From lightest to darkest. Tap a shade to copy its code.
See all its shades: Color shades generator
Outfit palettes with dark chocolate or a very close shade, each with 8 outfits to copy.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--dark-chocolate: #3D2418;
--dark-chocolate-rgb: 61, 36, 24;
}
.bg { background-color: var(--dark-chocolate); }
.text { color: var(--dark-chocolate); }
The hex code for dark chocolate is #3D2418. In RGB it is rgb(61, 36, 24), in HSL hsl(19, 44%, 17%) and in CMYK 0, 41, 61, 76.
Its complement on the color wheel is #18313D, close to anthracite. Used in small doses, it works as an accent and adds strong contrast.
Yes. The contrast with white is 14.3:1, enough for body text (WCAG AA).
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more