Cinnamon color

An orange-brown that looks like ground cinnamon. It feels warm and spicy. In CSS it's listed as chocolate, though it looks closer to cinnamon; it's used in textiles and bakery brands.

Also known as: cinnamon brown.

Cinnamon · #D2691E

About cinnamon

Cinnamon (#D2691E) is a warm, mid-tone, highly saturated color. It belongs to the browns family. It mixes 210 red, 105 green and 30 blue (out of 255). It is mostly used in home decor, fashion, food.

Cinnamon shades and tints

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

Cinnamon color harmonies

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

ComplementaryClose to: French blue

AnalogousClose to: Cherry red, Old gold

TriadicClose to: Pastel green, Deep purple

Split complementaryClose to: Turquoise, Deep purple

TetradicClose to: Grass green, French blue, Magenta

Cinnamon color palettes

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

Monochromatic palette · Cinnamon

Analogous palette · Cinnamon

Complementary palette · Cinnamon

Triadic palette · Cinnamon

With neutrals palette · Cinnamon

With an accent palette · Cinnamon

Cinnamon contrast with text

White textContrast 3.6:1 · AA large text

Black textContrast 5.8:1 · AA

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

CSS code

:root {
  --cinnamon: #D2691E;
  --cinnamon-rgb: 210, 105, 30;
}
.bg { background-color: var(--cinnamon); }
.text { color: var(--cinnamon); }

Colors similar to cinnamon

Burnt orange Ochre Bronze Rust Mahogany Coral Pumpkin orange Carrot orange Tangerine Copper

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for cinnamon?

The hex code for cinnamon is #D2691E. In RGB it is rgb(210, 105, 30), in HSL hsl(25, 75%, 47%) and in CMYK 0, 50, 86, 18.

What is the complementary color of cinnamon?

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

Can you use white text on cinnamon?

Use black text instead: the contrast with white is only 3.6:1, while with black it is 5.8:1.