Color Palettes

Dark chocolate color

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.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to dark chocolate

Espresso#4E312DTaupe#483C32Licorice#1A1110Raisin black#242124Jet black#343434Black olive#3B3C36

About dark chocolate

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.

Swatch of Dark chocolate with its shades from light to dark · #3D2418
Dark chocolate · #3D2418

Dark chocolate shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Dark chocolate outfits: palettes by season

Outfit palettes with dark chocolate or a very close shade, each with 8 outfits to copy.

Quiet luxuryFall · MenNight outFall · MenBohoWinter · MenQuiet luxuryWinter · Men

Dark chocolate color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Anthracite
AnalogousClose to: Espresso, Taupe
Split complementaryClose to: Deep teal, Oxford blue

Dark chocolate color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Dark chocolate
Analogous palette · Dark chocolate
Complementary palette · Dark chocolate
Triadic palette · Dark chocolate
With neutrals palette · Dark chocolate
With an accent palette · Dark chocolate

Dark chocolate contrast with text

White textContrast 14.3:1 · AAA
Black textContrast 1.5:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --dark-chocolate: #3D2418;
  --dark-chocolate-rgb: 61, 36, 24;
}
.bg { background-color: var(--dark-chocolate); }
.text { color: var(--dark-chocolate); }

Colors similar to dark chocolate

Matte blackCoal blackEbonyOff-black

Where you'll see this color

Burger KingBrandsCleveland BrownsTeam colorsUPSBrandsWestern Michigan BroncosTeam colorsBowling Green FalconsTeam colors

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitTanCognacEspressoWalnutBurnt umber
Swatch of Dark chocolate with its shades from light to dark · #3D2418
Swatch of Dark chocolate with its shades from light to dark · #3D2418

Try this next

Name color paletteType a name and get your own color story paletteColor aquariumA relaxing 3D aquarium in your palettesFamily birth flower bouquetEveryone's birth flowers in one bouquet
See all free tools →

Frequently asked questions

What is the hex code for 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.

What is the complementary color of dark chocolate?

Its complement on the color wheel is #18313D, close to anthracite. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on dark chocolate?

Yes. The contrast with white is 14.3:1, enough for body text (WCAG AA).