Shades of Green: Color Names & Hex Codes
There are 8 CSS named colors in the green range, from the lightest, Spring Green, to the darkest, Dark Green. Each one below has its exact hex and RGB code, the text color that reads best on it, and a full page with palettes and matching colors.
Green Color Chart
Ordered from lightest to darkest by relative luminance. Click a name for its full color page.
Light, Mid-tone and Dark Shades of Green
Light shades of green
Pale enough to work as backgrounds. Black text has the higher contrast on all 4 of them. Spring Green, Lime, Light Green and Dark Sea Green.
Mid-tone shades of green
Mid-tones for accents, buttons and illustrations. Check the table below before choosing a text color. Black text reads best on 2 of them and white text on 1. Medium Sea Green, Sea Green and Green.
Dark shades of green
Deep tones for headers, buttons and bold brand color. White text has the higher contrast on this color. Dark Green.
Green Hex Codes and Contrast
Contrast ratios follow WCAG 2.2: 4.5:1 is the minimum for body text, 3:1 for large text.
| Color | HEX | RGB | HSL | On black | On white | Best text |
|---|---|---|---|---|---|---|
#00FF7F | rgb(0, 255, 127) | hsl(150, 100%, 50%) | 15.61:1 | 1.35:1 | Black | |
#00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) | 15.3:1 | 1.37:1 | Black | |
#90EE90 | rgb(144, 238, 144) | hsl(120, 73%, 75%) | 14.82:1 | 1.42:1 | Black | |
#8FBC8F | rgb(143, 188, 143) | hsl(120, 25%, 65%) | 9.76:1 | 2.15:1 | Black | |
#3CB371 | rgb(60, 179, 113) | hsl(147, 50%, 47%) | 7.88:1 | 2.67:1 | Black | |
#2E8B57 | rgb(46, 139, 87) | hsl(146, 50%, 36%) | 4.95:1 | 4.25:1 | Black | |
#008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) | 4.09:1 | 5.14:1 | White | |
#006400 | rgb(0, 100, 0) | hsl(120, 100%, 20%) | 2.82:1 | 7.44:1 | White |
Shades of Green FAQ
What are the shades of green in CSS?
CSS Color 4 does not group its named colors into families, but 8 of them fall in the green range. From lightest to darkest: Spring Green (#00FF7F), Lime (#00FF00), Light Green (#90EE90), Dark Sea Green (#8FBC8F), Medium Sea Green (#3CB371), Sea Green (#2E8B57), Green (#008000) and Dark Green (#006400).
What is the hex code for green?
The CSS named color green is #008000, which is RGB(0, 128, 0). The other shades on this page each have their own code.
Which shade of green can I use for text on a white background?
Green and Dark Green are the only ones of these shades with at least 4.5:1 contrast on white, the WCAG AA minimum for body text. Dark Green reaches 7.44:1.
Are sage green and mint green CSS colors?
No. Neither is a CSS named color, so neither has a standard hex code. The nearest CSS colors are Dark Sea Green (#8FBC8F) for sage and Pale Green (#98FB98) for mint.
Sources: W3C CSS Color Module Level 4 (named colors and values); WCAG 2.2 (relative luminance and contrast formula).