Shades of green

A deep, rich green. The reference green is #008000, as defined by the CSS named color.

HEX	`#008000`
RGB	`rgb(0, 128, 0)`
HSL	`hsl(120, 100%, 25%)`
HSV	`hsv(120, 100%, 50%)`
OKLCH	`oklch(52.0% 0.177 142.5)`
CMYK*	`100, 0, 100, 50`

* CMYK is a simple conversion without a print profile; ask your printer for exact values.

Open in color picker

What color is green?

Green sits in the middle of the visible spectrum, where the human eye is most sensitive to light. The CSS keyword green is a mid-dark green, #008000; the brightest screen green is called lime in CSS. Greens run from yellowish (chartreuse, olive) through grassy (kelly, emerald) to bluish (sea green, jade).

Green hex codes by source

Color names are not standardized, so the same name can point to different colors. Here is every definition of green in our three sources, with how close each one is to the reference.

Name	HEX	Source	Compared with the reference
Green	`#008000`	CSS named color	Reference shown on this page
Green	`#15B01A`	xkcd Color Survey	Noticeably different · 43% similar
Green	`#00FF00`	Color Names (meodai)	Noticeably different · 0% similar

Green vs Emerald Green

Green
#008000

Emerald Green
#028F1E

Emerald green is brighter and slightly bluer than the CSS green keyword. In numbers: the two are 82% similar (OKLab distance 0.045). See Emerald Green for its own codes.

Named shades of green

228 names in the CSS keywords and the xkcd Color Survey belong to the green family. They are sorted from light to dark; click a swatch to copy its code, or open the ones with their own page.

Tints and shades of green

The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.

Colors that go with green

Classic color-wheel combinations built on #008000, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.

Complementary

Analogous

Triadic

Split complementary

Green with white and black text

White text5.14:1 · AA

Black text4.09:1 · AA large text

WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a green background, white text is the better choice.

Use green in CSS

.green {
  color: #008000;
  /* or */ color: rgb(0 128 0);
  /* or */ color: hsl(120 100% 25%);
  /* or */ color: oklch(52.0% 0.177 142.5);
  /* CSS keyword */ color: green;
}

More green colors

Chartreuse Olive Green Sage Green Mint Green Emerald Green Forest Green Dark Green