Everything about
the color Chocolate

The meaning of the color Chocolate and color combinations to inspire your next design.

Start designing
Select new color

Chocolate brown color

Chocolate is a dark shade of brown. On the hex chart used by web designers and developers, the color code for chocolate is #7B3F00.

There are many ways to make chocolate brown. The simplest is to mix blue, yellow and red paint together before using a small amount of black or white paint to adjust the depth of the shade as required. Red, black and yellow combined also make brown, as does black and orange. In the RGB color model used to project color onto television and computer screens, brown is made by combining red and green.

chocolate

Shades of brown

Chocolate is considered to be a richer, more vibrant shade than many other browns. On the hex color chart, chocolate is darker than tan or sandy brown, but lighter than true brown.

Shades of brown close in appearance to chocolate brown include chestnut and walnut brown.

What is the true color of chocolate?

The color chocolate is an accurate representation of the shade of milk chocolate. Dark chocolate is a much deeper color, while white chocolate is a pale creamy hue.

However, the color of the unprocessed cocoa beans used to make chocolate is actually a deep shade of red. The method used to make cocoa into chocolate as we know it turns the product a rich brown. Before cocoa was commercially processed, chocolate cakes were reddish in appearance—which is why they were sometimes called “devil’s food cakes”.

The history of the color chocolate

“Chocolate” was first used as a color name in English in 1734, though the word had existed to describe the cocoa product since around 1600.

Browns like chocolate brown have been used in art since prehistoric times, when it was used in cave paintings dating back to 40,000 BC. Over history, brown has often signified poverty—in ancient Rome, brown clothing was associated with the lower classes while in the Middle Ages, brown robes were worn by some Catholic monks as a symbol of their humility.

As a color name, chocolate has been used to describe a number of brown-hued natural wonders including the Chocolate Hills in the Philippines and Chocolate Mountains in California.

The meaning of the color chocolate

Naturally, the color chocolate is most often associated with the food of the same name. Hair and eyes in a rich shade of brown are also often described favorably as “chocolate”.

However, brown isn’t typically a popular color. Public opinion surveys in Europe and the United States have found that brown is the public’s least favorite color and is often associated with poverty and plainness.

That being said, as brown is widely seen in nature (for instance in soil and trees) it can also be an earthy hue associated with reliability, resilience, healing and strength. Brown is also associated with health—brown bread and brown sugar are both viewed as more nutritious than their white counterparts.

How to use the color chocolate

Because of its earthy connotations, chocolate works well in any setting where you wish to convey warmth, comfort and security.

Its likeness to both coffee and the cocoa makes it a popular choice in logos and brandings for cafés. But use it in small doses—too much of the color chocolate has the potential to look drab or boring.

What color goes with chocolate?

Chocolate looks warm and inviting alongside autumnal shades like burnt oranges, deep reds and forest greens. It also pairs nicely with cream. You should avoid using chocolate alongside black, where it might create too much doom and gloom. The colors that pair well with chocolate include:

Similar colors to chocolate

Looking for a different hue? The following colors are related to chocolate.

Information about Chocolate / #7b3f00

In a RGB color space (made from three colored lights for red, green, and blue), hex #7b3f00 is made of 48.2% red, 24.7% green and 0% blue. In a CMYK color space (also known as process color, or four color, and used in color printing), hex #7b3f00 is made of 0% cyan, 49% magenta, 100% yellow and 52% black. Chocolate has a hue angle of 30.7 degrees, a saturation of 100% and a lightness of 24.1%.

Color conversion

The hexadecimal color #7b3f00 has RGB values of R: 48.2, G: 24.7, B: 0 and CMYK values of C: 0, M: 0.49, Y: 1, K:0.52.

ValueCSS
Hex

7b3f00

#7b3f00

RGB Decimal

123, 63, 0

rgb(123, 63, 0)

RGB Percentage

48.2, 24.7, 0

rgb(48.2%, 24.7%, 0%)

CMYK

0, 49, 100, 52

HSL

30.7°, 100, 24.1

hsl(30.7°, 100%, 24.1%)

HSV (or HSB)

30.7°, 100, 48.2

Web Safe

663300

#663300

CIE-LAB

33.493, 22.291, 43.796

XYZ

9.947, 7.767, 0.975

xyY

0.532, 0.416, 7.767

CIE-LCH

33.493, 49.142, 63.025

CIE-LUV

33.493, 47.757, 31.334

Hunter-Lab

27.87, 16.686, 16.529

Binary

01111011, 00111111, 00000000

Create a stunning graphic in this color

With 420,000+ templates, Canva is the easiest way to create beautiful designs.

Search 1,000,000 images...SEARCHTEXTLAYOUTSBKGROUNDUPLOADSShareDownloadPrivate

Learn more about colors