Shades of green

Greens run from honeydew (#f0fff0) through lime and sea green to dark green (#006400). Each of the 21 CSS-named greens below shows its hex code and which lettering colour is readable on it.

Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.

Base colour

Named shades

Or take colours from a photo

or drop it here. It never leaves your browser.

Shades

50#e6ffe4White1.1 FailInk17.1 AAA
100#bfffbaWhite1.2 FailInk15.7 AAA
200#a5eda0White1.4 FailInk13.1 AAA
300#86d481White1.8 FailInk10.1 AAA
400#62b95eWhite2.4 FailInk7.4 AAA
500#3c9e3aWhite3.4 AA largeInk5.3 AA
600#248523White4.7 AAInk3.8 AA large
700#0d6b0fWhite6.7 AAInk2.7 Fail
800#005203White9.5 AAAInk1.9 Fail
900#003c01White12.8 AAAInk1.4 Fail
950#002800White16.1 AAAInk1.1 Fail

Copy as

CSSTailwindHexJSON

Palette code

:root {
  --color-green-50: #e6ffe4;
  --color-green-100: #bfffba;
  --color-green-200: #a5eda0;
  --color-green-300: #86d481;
  --color-green-400: #62b95e;
  --color-green-500: #3c9e3a;
  --color-green-600: #248523;
  --color-green-700: #0d6b0f;
  --color-green-800: #005203;
  --color-green-900: #003c01;
  --color-green-950: #002800;
  --color-accent-1: #97fa91;
  --color-accent-2: #66c861;
  --color-accent-3: #006905;
  --color-accent-4: #003901;
}

At a glance

Honeydew (honeydew): #f0fff0 · white text 1.03:1 (Fail), near-black text 17.46:1 (AAA); Source: w3.org, checked 2026-11
Pale green (palegreen): #98fb98 · white text 1.26:1 (Fail), near-black text 14.29:1 (AAA); Source: w3.org, checked 2026-11
Light green (lightgreen): #90ee90 · white text 1.41:1 (Fail), near-black text 12.76:1 (AAA); Source: w3.org, checked 2026-11
Green yellow (greenyellow): #adff2f · white text 1.22:1 (Fail), near-black text 14.75:1 (AAA); Source: w3.org, checked 2026-11
Chartreuse (chartreuse): #7fff00 · white text 1.29:1 (Fail), near-black text 13.96:1 (AAA); Source: w3.org, checked 2026-11
Lawn green (lawngreen): #7cfc00 · white text 1.33:1 (Fail), near-black text 13.59:1 (AAA); Source: w3.org, checked 2026-11
Lime (lime): #00ff00 · white text 1.37:1 (Fail), near-black text 13.18:1 (AAA); Source: w3.org, checked 2026-11
Spring green (springgreen): #00ff7f · white text 1.34:1 (Fail), near-black text 13.45:1 (AAA); Source: w3.org, checked 2026-11
Medium spring green (mediumspringgreen): #00fa9a · white text 1.38:1 (Fail), near-black text 13.04:1 (AAA); Source: w3.org, checked 2026-11
Medium aquamarine (mediumaquamarine): #66cdaa · white text 1.93:1 (Fail), near-black text 9.37:1 (AAA); Source: w3.org, checked 2026-11
Yellow green (yellowgreen): #9acd32 · white text 1.88:1 (Fail), near-black text 9.61:1 (AAA); Source: w3.org, checked 2026-11
Dark sea green (darkseagreen): #8fbc8f · white text 2.15:1 (Fail), near-black text 8.40:1 (AAA); Source: w3.org, checked 2026-11
Lime green (limegreen): #32cd32 · white text 2.11:1 (Fail), near-black text 8.54:1 (AAA); Source: w3.org, checked 2026-11
Medium sea green (mediumseagreen): #3cb371 · white text 2.66:1 (Fail), near-black text 6.78:1 (AA); Source: w3.org, checked 2026-11
Olive drab (olivedrab): #6b8e23 · white text 3.80:1 (AA large), near-black text 4.75:1 (AA); Source: w3.org, checked 2026-11
Olive (olive): #808000 · white text 4.19:1 (AA large), near-black text 4.31:1 (AA large); Source: w3.org, checked 2026-11
Sea green (seagreen): #2e8b57 · white text 4.24:1 (AA large), near-black text 4.26:1 (AA large); Source: w3.org, checked 2026-11
Forest green (forestgreen): #228b22 · white text 4.38:1 (AA large), near-black text 4.12:1 (AA large); Source: w3.org, checked 2026-11
Green (green): #008000 · white text 5.13:1 (AA), near-black text 3.52:1 (AA large); Source: w3.org, checked 2026-11
Dark olive green (darkolivegreen): #556b2f · white text 5.94:1 (AA), near-black text 3.04:1 (AA large); Source: w3.org, checked 2026-11
Dark green (darkgreen): #006400 · white text 7.43:1 (AAA), near-black text 2.43:1 (Fail); Source: w3.org, checked 2026-11

Give your page these colours

A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.

Make your free page

Shades of green: what to know

This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.

Which shades of green can carry text

White body text passes WCAG AA (4.5:1) on 3 of the 21: green (#008000), dark olive green (#556b2f) and dark green (#006400). Use these for buttons, banners and anything with white type on it.

Near-black text (#161616) passes on 15: honeydew (#f0fff0), pale green (#98fb98), light green (#90ee90), green yellow (#adff2f), chartreuse (#7fff00), lawn green (#7cfc00), lime (#00ff00), spring green (#00ff7f), medium spring green (#00fa9a), medium aquamarine (#66cdaa), yellow green (#9acd32), dark sea green (#8fbc8f), lime green (#32cd32), medium sea green (#3cb371) and olive drab (#6b8e23).

Olive (#808000), sea green (#2e8b57) and forest green (#228b22) sit in between: neither white nor near-black text reaches 4.5:1, so keep them for large headings, icons or borders, where WCAG asks for 3:1.

Bright greens are light greens

Lime (#00ff00), lawn green and chartreuse look strong but are very light: white text on lime is 1.37:1. Only green, dark olive green and dark green take white body text at AA.

Forest green (#228b22) is just short at 4.38:1 with white text. Move one step darker on its scale (#248523) and it passes.

Questions

What are the names of some shades of green color?

CSS names include lime, chartreuse, lawn green, spring green, sea green, forest green, olive drab, olive, dark olive green, yellow green, pale green, light green and dark green.

What are five shades of green?

Five that span the range: pale green (#98fb98), lime green (#32cd32), sea green (#2e8b57), forest green (#228b22) and dark green (#006400).