Cinnamon
#7B3F00 · rgb(123, 63, 0) · hsl(31, 100%, 24%)
Complementary colors
#7a3f00 · #003b7aAnalogous colors
#7a0200 · #7a3f00 · #787a00Triadic colors
#7a3f00 · #007a3f · #3f007aSplit-complementary colors
#7a3f00 · #00787a · #02007aTetradic colors
#7a3f00 · #007a02 · #003b7a · #7a0078Monochromatic colors
#4d2800 · #a35400 · #ff8400 · #ffb05c · #ffdab3Ready-made palettes with Cinnamon
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#7B3F00 · #003b7a · #ed810c · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#7a0200 · #7B3F00 · #787a00 · #ed810c · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#7B3F00 · #007a3f · #3f007a · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#fff5eb · #ffbf7a · #ff8605 · #944c00 · #1f1000
If you are wondering what colors go with Cinnamon, start with its opposite on the wheel — a complementary #003b7a — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Cinnamon's complementary color is #003b7a. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.