Taupe
#483C32 · rgb(72, 60, 50) · hsl(27, 18%, 24%)
Complementary colors
#483c32 · #323e48Analogous colors
#483233 · #483c32 · #484732Triadic colors
#483c32 · #32483c · #3c3248Split-complementary colors
#483c32 · #324847 · #323348Tetradic colors
#483c32 · #334832 · #323e48 · #473248Monochromatic colors
#2d261f · #605043 · #967d69 · #bcac9f · #e0d8d2Ready-made palettes with Taupe
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#483C32 · #323e48 · #877c73 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#483233 · #483C32 · #484732 · #877c73 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#483C32 · #32483c · #3c3248 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f7f5f3 · #c9bcb1 · #99806c · #57493d · #120f0d
If you are wondering what colors go with Taupe, start with its opposite on the wheel — a complementary #323e48 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Taupe's complementary color is #323e48. 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.