Starting color

Rufous

#A81C07 · rgb(168, 28, 7) · hsl(8, 92%, 34%)

Complementary colors

#a61c07 · #0791a6

Analogous colors

#a60741 · #a61c07 · #a66c07

Triadic colors

#a61c07 · #07a61c · #1c07a6

Split-complementary colors

#a61c07 · #07a66c · #0741a6

Tetradic colors

#a61c07 · #41a607 · #0791a6 · #6c07a6

Monochromatic colors

#490c03 · #9d1b07 · #f5290a · #f87662 · #fcbfb6

Ready-made palettes with Rufous

Complementary palette

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

#A81C07 · #0791a6 · #ec5841 · #f4f4f5 · #18181b

Analogous palette

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

#a60741 · #A81C07 · #a66c07 · #ec5841 · #2c0702

Triadic palette

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

#A81C07 · #07a61c · #1c07a6 · #f4f4f5 · #18181b

Monochromatic palette

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

#feeeeb · #fa9080 · #f52e0f · #8e1806 · #1d0501

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

Frequently asked questions

Rufous's complementary color is #0791a6. 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.