Basil
#367E31 · rgb(54, 126, 49) · hsl(116, 44%, 34%)
Complementary colors
#367d31 · #78317dAnalogous colors
#5c7d31 · #367d31 · #317d52Triadic colors
#367d31 · #31367d · #7d3136Split-complementary colors
#367d31 · #52317d · #7d315cTetradic colors
#367d31 · #315c7d · #78317d · #7d5231Monochromatic colors
#183715 · #32762e · #4fb847 · #8ed189 · #caeac8Ready-made palettes with Basil
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#367E31 · #78317d · #78ba73 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#5c7d31 · #367E31 · #317d52 · #78ba73 · #0e210d
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#367E31 · #31367d · #7d3136 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f1f9f0 · #a3daa0 · #52b94b · #2e6a29 · #091609
If you are wondering what colors go with Basil, start with its opposite on the wheel — a complementary #78317d — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Basil's complementary color is #78317d. 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.