Shades of Green
Green covers the widest stretch of the HSL wheel, roughly 70° to 160°, from yellow-green through true green at 120° to the blue-greens. Across that range it takes many forms: bright and neon at high saturation, olive and sage when saturation drops, and forest tones at low lightness. The eye is most sensitive to green, so the green channel carries the largest share of perceived brightness in the luminance formula.
One CSS quirk trips people up: green is #008000, or rgb(0, 128, 0), a mid-dark green at half intensity, while the full-intensity rgb(0, 255, 0) is named lime. Forestgreen (#228B22, rgb(34, 139, 34)) and seagreen (#2E8B57, at 146°) are deeper, natural greens, and olivedrab (#6B8E23) sits near 80°, where green blends into yellow. For a success badge or a "go" state, start from green or forestgreen rather than lime, which is too bright for most interfaces.
21 green CSS color names
Sorted from lightest to darkest by OKLCH lightness. Open any color for its codes, shades, harmonies and contrast.
Using green in design
Green means success, confirmation, "go" and money in most Western interfaces, and it is the default for positive numbers in finance and valid form fields. It also carries nature, health and sustainability associations, which is why muted greens are common in food, wellness and outdoor brands.
Accessibility tip: red and green are the classic confusion pair for red-green color vision deficiency, which affects about 1 in 12 men of Northern European ancestry. Pure red #FF0000 and green #008000 differ in luminance by only 1.28:1, so to many users they look almost the same. Never show pass and fail, or profit and loss, with color alone; add icons, signs or labels.