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