Goldenrod
#DAA520 · rgb(218, 165, 32) · hsl(43, 74%, 49%)
Complementary colors
#d9a520 · #2055d9Analogous colors
#d94920 · #d9a520 · #b1d920Triadic colors
#d9a520 · #20d9a5 · #a520d9Split-complementary colors
#d9a520 · #20b1d9 · #4920d9Tetradic colors
#d9a520 · #20d949 · #2055d9 · #d920b1Monochromatic colors
#43330a · #8e6c15 · #dea821 · #eac871 · #f5e5bcReady-made palettes with Goldenrod
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#DAA520 · #2055d9 · #e7cf92 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#d94920 · #DAA520 · #b1d920 · #e7cf92 · #6a5110
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#DAA520 · #20d9a5 · #a520d9 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#fcf8ed · #eed28c · #dfaa26 · #816213 · #1b1404
If you are wondering what colors go with Goldenrod, start with its opposite on the wheel — a complementary #2055d9 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Goldenrod's complementary color is #2055d9. 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.