Everything about
the color Cinnamon

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

Start designing
Edit Cinnamon
Change Color
Select new color

What color is cinnamon brown?

Cinnamon is a warm, medium shade of brown. The cinnamon color code is #D2691E on the hex chart used by web designers and developers.

Cinnamon is darker than shades like tan and beige but lighter than chocolate or true brown. Its warm undertones mean the hue can sometimes look red or orange-tinged. Web colors close in appearance to cinnamon include copper, caramel, russet and bronze.

To make cinnamon paint, mix blue and yellow into a red base before adding a small amount of white paint to lighten the shade. Brown paint can also be made by combining red, black and yellow, or by mixing black and orange, but those combinations are likely to come out darker than cinnamon’s medium hue.

cinnamon

The history of cinnamon

The color cinnamon takes its name from the popular spice and is an accurate representation of the shade of cinnamon sticks and powder.

The word cinnamon has been used in English since the fifteenth century, though the spice has existed since antiquity—it was highly prized in ancient Egypt, Greece and Rome, when cinnamon was regarded as a gift fit for monarchs.

More recently, cinnamon has become a popular way of describing a shade of hair that is medium-brown with flecks of blonde. The cinnamon bear, a subspecies of the American black bear, are also named for their brown hue.

The meaning of cinnamon

Naturally, the color cinnamon is most strongly associated with the spice of the same name.

Browns like cinnamon are widely seen in nature and therefore the hue can also be connected with earthy qualities like strength and resilience. Because of its association with the spice, which is believed by some to have health benefits and features commonly in tea and other warming foods, cinnamon is especially likely to communicate rejuvenation and healing.

But shades of brown haven’t always been popular. Throughout history, the color has signified poverty—brown clothing was associated with the lower classes in ancient Rome, while Catholic monks wore brown robes as a symbol of humility during the Middle Ages. Modern opinion polls have found that brown is the public’s least favorite color and is often associated with hardship. However, cinnamon’s warm appearance is less likely to make that impression.

How to use cinnamon

Cinnamon’s likeness to both the spice after which it is named and the color of tea make it a popular choice in cafés and coffee shops. Its earthy connotations means it is suited to any setting where you wish to convey comfort, health and warmth, or capture a feeling of cosiness. As it is considered a sensible, reliable shade, cinnamon would also work well in business logos.

Because it is warmer and lighter in hue than many other browns, cinnamon can be used in bigger quantities than shades like chocolate without looking drab.

What color goes with cinnamon?

Cinnamon is a neutral color that can be paired with most shades. It looks fresh next to cream or a crisp white and can form an inviting palette when paired with other earthy shades like burnt oranges, deep reds and olive green. It can even work next to darker shades of brown, or could be brightened up next to a soft blue.

You might avoid using cinnamon alongside black, where it could look too severe. The colors that pair well with cinnamon include:

Similar colors to cinnamon

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

Information about Cinnamon / #d2691e

In a RGB color space (made from three colored lights for red, green, and blue), hex #d2691e is made of 82.4% red, 41.2% green and 11.8% blue. In a CMYK color space (also known as process color, or four color, and used in color printing), hex #d2691e is made of 0% cyan, 50% magenta, 86% yellow and 18% black. Cinnamon has a hue angle of 25 degrees, a saturation of 75% and a lightness of 47.1%.

Color conversion

The hexadecimal color #d2691e has RGB values of R: 82.4, G: 41.2, B: 11.8 and CMYK values of C: 0, M: 0.5, Y: 0.86, K:0.18.

ValueCSS
Hex

d2691e

#d2691e

RGB Decimal

210, 105, 30

rgb(210, 105, 30)

RGB Percentage

82.4, 41.2, 11.8

rgb(82.4%, 41.2%, 11.8%)

CMYK

0, 50, 86, 18

HSL

25°, 75, 47.1

hsl(25°, 75%, 47.1%)

HSV (or HSB)

25°, 85.7, 82.4

Web Safe

cc6633

#cc6633

CIE-LAB

55.99, 37.053, 56.741

XYZ

31.867, 23.903, 4.164

xyY

0.532, 0.399, 23.903

CIE-LCH

55.99, 67.767, 56.855

CIE-LUV

55.99, 86.285, 47.752

Hunter-Lab

48.89, 33.934, 27.532

Binary

11010010, 01101001, 00011110

Create a stunning graphic in this color

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

Search 1,000,000 images...SEARCHTEXTLAYOUTSBKGROUNDUPLOADSShareDownloadPrivate

Learn more about colors