Using Green Color Codes in Web Design
Green delivers strong associations with growth, success, and nature, making it a functional cornerstone for web interfaces. Bright greens serve as standard positive validation states and success alerts, while muted olive or sage shades create reassuring, organic backgrounds for wellness and financial platforms.
| Colour name | Hex code | RGB value | HSL value | Notes & Info | |
|---|---|---|---|---|---|
| Green (W3C HTML/CSS) | #008000 |
rgb(0, 128, 0) |
hsl(120, 100%, 25%) |
Official W3C standard web green named color. | |
| Lime (Pure Green) | #00FF00 |
rgb(0, 255, 0) |
hsl(120, 100%, 50%) |
Pure 100% green primary in RGB/Hex space. | |
| Forest Green | #228B22 |
rgb(34, 139, 34) |
hsl(120, 61%, 34%) |
Standard CSS named color representing natural foliage. | |
| Dark Green | #006400 |
rgb(0, 100, 0) |
hsl(120, 100%, 20%) |
Standard CSS named deep shadow green. | |
| Light Green | #90EE90 |
rgb(144, 238, 144) |
hsl(120, 73%, 75%) |
CSS named color; popular soft UI background. | |
| Pale Green | #98FB98 |
rgb(152, 251, 152) |
hsl(120, 93%, 79%) |
Desaturated light mint/pastel CSS color. | |
| Mint Green | #98FF98 |
rgb(152, 255, 152) |
hsl(120, 100%, 80%) |
Popular modern pastel choice for modern web design. | |
| Honeydew | #F0FFF0 |
rgb(240, 255, 240) |
hsl(120, 100%, 97%) |
Very light tint; CSS named tint for subtle backgrounds. | |
| Emerald Green | #50C878 |
rgb(80, 200, 120) |
hsl(140, 52%, 55%) |
Rich jewel tone; widely used in UI success states. | |
| Sea Green | #2E8B57 |
rgb(46, 139, 87) |
hsl(146, 50%, 36%) |
CSS named cool-toned organic green. | |
| Medium Sea Green | #3CB371 |
rgb(60, 179, 113) |
hsl(147, 50%, 47%) |
Balanced mid-tone web green. | |
| Lime Green | #32CD32 |
rgb(50, 205, 50) |
hsl(120, 61%, 50%) |
Vibrant CSS color; softer than pure #00FF00 Lime. | |
| Spring Green | #00FF7F |
rgb(0, 255, 127) |
hsl(150, 100%, 50%) |
Bright cyan-tinted green CSS named color. | |
| Olive | #808000 |
rgb(128, 128, 0) |
hsl(60, 100%, 25%) |
Classic W3C HTML standard muted yellow-green. | |
| Sage Green | #9CAF88 |
rgb(156, 175, 136) |
hsl(89, 20%, 61%) |
Trending muted earth-tone green. |
More Colors with RGB, HEX, and HSL values
Gold Colors
Green Colors
Pink Colors
Brown Colors
Orange Colors
Blue Colors
Red Colors
Purple Colors
Yellow Colors
Spring Colors
True Summer Color Palette
Fall / Autumn Colors
Dark Autumn Color Palette
Dark Winter Color Palette
Christmas Color Palette
Different Shades of Blue
Different Shades of Red