Mahogany
#C04000 · rgb(192, 64, 0) · hsl(20, 100%, 38%)
Complementary colors
#c24100 · #0081c2Analogous colors
#c20020 · #c24100 · #c2a200Triadic colors
#c24100 · #00c241 · #4100c2Split-complementary colors
#c24100 · #00c2a2 · #0020c2Tetradic colors
#c24100 · #20c200 · #0081c2 · #a100c2Monochromatic colors
#4d1900 · #a33600 · #ff5500 · #ff925c · #ffccb3Ready-made palettes with Mahogany
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#C04000 · #0081c2 · #f6844c · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#c20020 · #C04000 · #c2a200 · #f6844c · #421600
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#C04000 · #00c241 · #4100c2 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#fff1eb · #ffa77a · #ff5805 · #943100 · #1f0a00
If you are wondering what colors go with Mahogany, start with its opposite on the wheel — a complementary #0081c2 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Mahogany's complementary color is #0081c2. 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.