Starting color

Lime

#00FF00 · rgb(0, 255, 0) · hsl(120, 100%, 50%)

Complementary colors

#00ff00 · #ff00ff

Analogous colors

#80ff00 · #00ff00 · #00ff80

Triadic colors

#00ff00 · #0000ff · #ff0000

Split-complementary colors

#00ff00 · #8000ff · #ff0080

Tetradic colors

#00ff00 · #0080ff · #ff00ff · #ff8000

Monochromatic colors

#004d00 · #00a300 · #00ff00 · #5cff5c · #b3ffb3

Ready-made palettes with Lime

Complementary palette

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

#00FF00 · #ff00ff · #86f986 · #f4f4f5 · #18181b

Analogous palette

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

#80ff00 · #00FF00 · #00ff80 · #86f986 · #008000

Triadic palette

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

#00FF00 · #0000ff · #ff0000 · #f4f4f5 · #18181b

Monochromatic palette

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

#ebffeb · #7aff7a · #05ff05 · #009400 · #001f00

If you are wondering what colors go with Lime, start with its opposite on the wheel — a complementary #ff00ff — then soften the pairing with the analogous, triadic and monochromatic schemes above.

Frequently asked questions

Lime's complementary color is #ff00ff. 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.