Starting color

Rosewood

#65000B · rgb(101, 0, 11) · hsl(353, 100%, 20%)

Complementary colors

#66000c · #00665a

Analogous colors

#66003f · #66000c · #662700

Triadic colors

#66000c · #0c6600 · #000c66

Split-complementary colors

#66000c · #006627 · #003f66

Tetradic colors

#66000c · #3f6600 · #00665a · #270066

Monochromatic colors

#4d0009 · #a30013 · #ff001e · #ff5c6f · #ffb3bb

Ready-made palettes with Rosewood

Complementary palette

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

#65000B · #00665a · #da0b24 · #f4f4f5 · #18181b

Analogous palette

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

#66003f · #65000B · #662700 · #da0b24 · #000000

Triadic palette

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

#65000B · #0c6600 · #000c66 · #f4f4f5 · #18181b

Monochromatic palette

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

#ffebed · #ff7a8a · #ff0522 · #940011 · #1f0004

If you are wondering what colors go with Rosewood, start with its opposite on the wheel — a complementary #00665a — then soften the pairing with the analogous, triadic and monochromatic schemes above.

Frequently asked questions

Rosewood's complementary color is #00665a. 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.