Olive
#808000 · rgb(128, 128, 0) · hsl(60, 100%, 25%)
Complementary colors
#808000 · #000080Analogous colors
#804000 · #808000 · #408000Triadic colors
#808000 · #008080 · #800080Split-complementary colors
#808000 · #004080 · #400080Tetradic colors
#808000 · #008040 · #000080 · #800040Monochromatic colors
#4d4d00 · #a3a300 · #ffff00 · #ffff5c · #ffffb3Ready-made palettes with Olive
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#808000 · #000080 · #f2f20d · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#804000 · #808000 · #408000 · #f2f20d · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#808000 · #008080 · #800080 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#ffffeb · #ffff7a · #ffff05 · #949400 · #1f1f00
If you are wondering what colors go with Olive, start with its opposite on the wheel — a complementary #000080 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
Olive's complementary color is #000080. 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.