Brown color

Cinnamon #7B3F00

#7B3F00 · rgb(123, 63, 0)

Cinnamon is the color #7B3F00. In RGB it is rgb(123, 63, 0) — 48% red, 25% green and 0% blue. Its CMYK breakdown is 0% cyan, 49% magenta, 100% yellow and 52% black, and in HSL it sits at 31° hue, 100% saturation and 24% lightness. Cinnamon is not a standard CSS color name; the nearest web color is Saddle Brown (#8B4513). The closest web-safe color is #663300.

Open in color picker Convert Make a palette Check contrast

Cinnamon color codes

Hex#7B3F00

RGBrgb(123, 63, 0)

RGB %48%, 25%, 0%

HSLhsl(31, 100%, 24%)

HSV / HSBhsv(31, 100%, 48%)

CMYKcmyk(0%, 49%, 100%, 52%)

OKLCHoklch(43% 0.105 57)

Closest web-safe#663300

Cinnamon color meaning

Cinnamon is a deep and serious brown — a warm color at 24% lightness and 100% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.

Because it is deep and serious, cinnamon works best for text, headings, luxury branding, accent walls and evening wear. It is dark enough to use for text on a white page (8.2:1 contrast).

What colors go with Cinnamon?

Cinnamon pairs well with Prussian Blue, Maroon, Olive and Linen: Prussian Blue sits close to its opposite on the color wheel for strong contrast, Maroon and Olive are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around cinnamon in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Cinnamon at a glance

Color family	Brown · warm, deep and serious
CSS color name	No — nearest keyword is Saddle Brown (#8B4513)
As text on white	8.22:1 — passes WCAG AAA
Best text on it	White (8.22:1)
For print (CMYK)	0% cyan, 49% magenta, 100% yellow, 52% black
Full screen	Open the cinnamon screen — fill your display or download it in 4K

Contrast

Contrast ratio of Cinnamon against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 8.22:1 Black text — 2.55:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Cinnamon

Cinnamon color FAQ

What is the hex code for Cinnamon?

Cinnamon is #7B3F00, which is rgb(123, 63, 0) and hsl(31, 100%, 24%). For print it is roughly C0 M49 Y100 K52.

What colors go with Cinnamon?

Cinnamon pairs well with Prussian Blue, Maroon, Olive, Linen. Prussian Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Cinnamon a warm or cool color?

Cinnamon is a warm color: its hue is 31°, on the red, orange and yellow side of the color wheel.

What text color looks best on Cinnamon?

White text, with a contrast ratio of 8.2:1, which meets WCAG AA for normal text. Cinnamon itself is also readable as text on white (8.2:1).