Brass
#B5A642 · rgb(181, 166, 66) · hsl(52, 47%, 48%)
Complementary colors
#b4a541 · #4150b4Analogous colors
#b46b41 · #b4a541 · #8ab441Triadic colors
#b4a541 · #41b4a5 · #a541b4Split-complementary colors
#b4a541 · #418ab4 · #6b41b4Tetradic colors
#b4a541 · #41b46b · #4150b4 · #b4418aMonochromatic colors
#383314 · #786e2b · #bbab44 · #d4ca87 · #ebe6c7Ready-made palettes with Brass
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#B5A642 · #4150b4 · #d4cda1 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#b46b41 · #B5A642 · #8ab441 · #d4cda1 · #564f1f
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#B5A642 · #41b4a5 · #a541b4 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#faf8f0 · #dcd49e · #bdad47 · #6d6327 · #161508
If you are wondering what colors go with Brass, start with its opposite on the wheel — a complementary #4150b4 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Brass's complementary color is #4150b4. 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.