Chocolate brown color

A deep brown with a reddish touch, like a chocolate bar. Cacao is native to Mesoamerica and the word chocolate comes from Nahuatl. It's used in winter clothing, candy packaging and furniture.

Also known as: chocolate.

Chocolate brown · #7B3F00

About chocolate brown

Chocolate brown (#7B3F00) is a warm, dark, highly saturated color. It belongs to the browns family. It mixes 123 red, 63 green and 0 blue (out of 255). It is mostly used in fashion, baking, home decor.

Chocolate brown shades and tints

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

Chocolate brown color harmonies

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

ComplementaryClose to: Delft blue

AnalogousClose to: Barn red, Olive green

TriadicClose to: Sea green, Indigo

Split complementaryClose to: Teal, Navy blue

TetradicClose to: Green, Delft blue, Purple

Chocolate brown color palettes

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

Monochromatic palette · Chocolate brown

Analogous palette · Chocolate brown

Complementary palette · Chocolate brown

Triadic palette · Chocolate brown

With neutrals palette · Chocolate brown

With an accent palette · Chocolate brown

Chocolate brown contrast with text

White textContrast 8.2:1 · AAA

Black textContrast 2.6:1 · Not recommended

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

CSS code

:root {
  --chocolate-brown: #7B3F00;
  --chocolate-brown-rgb: 123, 63, 0;
}
.bg { background-color: var(--chocolate-brown); }
.text { color: var(--chocolate-brown); }

Colors similar to chocolate brown

Saddle brown Russet Brown Sepia Walnut Sienna Burnt umber Dark brown Copper Chestnut

Themed palettes with this color

More browns

Brown Coffee brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait Tan Cognac Espresso Walnut Burnt umber Raw umber

Frequently asked questions

What is the hex code for chocolate brown?

The hex code for chocolate brown is #7B3F00. In RGB it is rgb(123, 63, 0), in HSL hsl(31, 100%, 24%) and in CMYK 0, 49, 100, 52.

What is the complementary color of chocolate brown?

Its complement on the color wheel is #003C7B, close to delft blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on chocolate brown?

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