Artichoke
#8F9779 · rgb(143, 151, 121) · hsl(76, 13%, 53%)
Complementary colors
#8e9778 · #807897Analogous colors
#978f78 · #8e9778 · #7f9778Triadic colors
#8e9778 · #788e97 · #97788eSplit-complementary colors
#8e9778 · #787f97 · #8f7897Tetradic colors
#8e9778 · #78978f · #807897 · #97787fMonochromatic colors
#292b21 · #575c47 · #87906f · #b2b8a3 · #dbded4Ready-made palettes with Artichoke
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#8F9779 · #807897 · #c8c9c5 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#978f78 · #8F9779 · #7f9778 · #c8c9c5 · #4c513e
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#8F9779 · #788e97 · #97788e · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f5f6f3 · #c1c5b4 · #8a9272 · #4e5440 · #10110d
If you are wondering what colors go with Artichoke, start with its opposite on the wheel — a complementary #807897 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Artichoke's complementary color is #807897. 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.