Green Color Codes (Shades of Green)

Green runs from neon and lime through emerald and jade to the near-black British racing green. This page lists 38 named greens — 20 CSS named greens, like forestgreen and seagreen, plus emerald, jade, magic mint, sage, kelly, hunter, fern, moss and more — with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades, and the complementary color of each.

How to use this tool

1. Pick a shade of green.
2. Copy the code format you need; CSS names can be used directly.
3. Use the tints and shades for hover states, borders and backgrounds.
4. Compare all greens in the table or download the chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the amount (15–75%). Names outside CSS have no official definition, so the codes follow common reference values.

Example

Emerald is #50C878 = rgb(80, 200, 120) = hsl(140, 52.2%, 54.9%). Turning the hue by 180° gives the orchid pink #C850A0 as its complement. Note the CSS quirk: green is only #008000, and the pure screen green #00FF00 is called lime.