Viridian
#40826D · rgb(64, 130, 109) · hsl(161, 34%, 38%)
Complementary colors
#40826d · #824055Analogous colors
#40824c · #40826d · #407682Triadic colors
#40826d · #6d4082 · #826d40Split-complementary colors
#40826d · #824076 · #824c40Tetradic colors
#40826d · #4c4082 · #824055 · #768240Monochromatic colors
#19332b · #366d5c · #54ab8f · #92c9b8 · #cce6deReady-made palettes with Viridian
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#40826D · #824055 · #8ab7a9 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#40824c · #40826D · #407682 · #8ab7a9 · #162c25
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#40826D · #6d4082 · #826d40 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f1f8f6 · #a6d3c5 · #58ad92 · #316353 · #0a1511
If you are wondering what colors go with Viridian, start with its opposite on the wheel — a complementary #824055 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Viridian's complementary color is #824055. 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.