What color is Chocolate?
Chocolate is a deep, warm brown with strong reddish undertones, shown as #713600, close to the color of dark roasted coffee beans. The tone is dense and earthy, with very little lightness.
What is the meaning of the color Chocolate?
Named after the food, chocolate as a color reflects the dark brown of cacao paste used in early Mesoamerican drink preparation, documented among the Aztecs before Spanish contact in the 16th century. European trade brought cacao to Spain after 1521, and the deep brown color became associated with the imported ingredient across Western markets. By the 19th century, firms such as Cadbury, founded in Birmingham in 1824, helped fix the color firmly in the public imagination through packaging and product identity. Cadbury registered its distinctive use of purple alongside the chocolate-brown product palette, anchoring the color to one of the most recognized confectionery brands in the world.
What colors go with Chocolate?
Colors that pair well with Chocolate include:
Cream: soft, warm contrast
Terracotta: rich earthy depth
Forest Green: natural, grounded balance
Dusty Rose: gentle tonal warmth
Gold: bold, warm accent
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #713600 |
color: #713600;
|
| RGB | 113, 54, 0 |
color: rgb(113, 54, 0);
|
| RGB Percentage | 44%, 21%, 0% |
color: rgb(44%, 21%, 0%);
|
| CMYK | 0%, 52%, 100%, 56% | Not supported in CSS |
| HSL | 29°, 100%, 22% |
color: hsl(29, 100%, 22%);
|
| HSV | 29°, 100%, 44% | Not supported in CSS |
| CIE-LAB | 18, 12, 18 |
color: lab(18% 12 18);
|
| Decimal | 7419392 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.chocolate {
color: #713600;
}
$chocolate: #713600;
rgb(113, 54, 0)