Shades of Green

Green occupies a broad region between yellow and cyan, roughly 70 to 165 degrees on the HSL color wheel, which is why it has more named shades than any other family. It is associated with plants, nature, growth, freshness and environmental themes.

49 named shades#008000rgb(0, 128, 0)hue 70° to 165°

49 green colors, lightest to darkest

Click a swatch to copy its HEX code. Click the name for the full profile with HSL, LAB, OKLCH, harmonies and contrast.

Tints and shades of green #008000

A perceptual 50 to 950 scale built from the pure green. Same hue, stepped lightness.

Build this scale from any color with the color scale tool, or get it as a Tailwind config from the Tailwind palette generator.

Light, medium and dark green

Green tints become fresh and pastel, reduced saturation creates sage and olive tones, and darker shades feel forest-like. Classic examples include Light Green #90EE90, Forest Green #228B22 and Dark Green #006400.

How to use green in design

Green contrasts with red and red-purple hues and combines analogously with yellow-green, teal and cyan. Bright RGB greens are among the hardest colors to reproduce in CMYK, making print proofs essential for brand-critical greens. See what colors make green.

FAQ

What is the HEX code for green?

The standard CSS named green is #008000. Brighter RGB green is #00FF00, which CSS calls lime.

What is a classic shade of green?

Forest Green #228B22 is a familiar dark natural green. Lime Green #32CD32 provides a much brighter alternative.

What colors go with green?

Red provides complementary contrast. Yellow, teal, blue, cream, brown and neutral colors also pair effectively with green.

Work with green

Learn more

Other color families