30 Shades of Green with Hex Codes
Green spans yellow-tinged limes through blue-leaning sea greens. Dark greens feel natural and stable; bright greens feel energetic and fresh.
The green hex code is #008000
#008000 is rgb(0, 128, 0) in RGB, hsl(120, 100%, 25%) in HSL, and about cmyk(100%, 0%, 100%, 50%) in CMYK. Every other green below has its own hex code.
#008000rgb(0, 128, 0)hsl(120, 100%, 25%)Named Green Colors and Their Hex Codes
Ordered darkest to lightest. Names marked CSS are color keywords you can write directly in a stylesheet; the rest are common design and print names. Select any swatch for its full breakdown.
#4B5320rgb(75, 83, 32)#355E3Brgb(53, 94, 59)#006400rgb(0, 100, 0)#006A4Ergb(0, 106, 78)#01796Frgb(1, 121, 111)#008000rgb(0, 128, 0)#4F7942rgb(79, 121, 66)#228B22rgb(34, 139, 34)#2E8B57rgb(46, 139, 87)#6B8E23rgb(107, 142, 35)#00A86Brgb(0, 168, 107)#8A9A5Brgb(138, 154, 91)#3CB371rgb(60, 179, 113)#4CBB17rgb(76, 187, 23)#9CAF88rgb(156, 175, 136)#8FBC8Frgb(143, 188, 143)#50C878rgb(80, 200, 120)#32CD32rgb(50, 205, 50)#66CDAArgb(102, 205, 170)#9ACD32rgb(154, 205, 50)#90EE90rgb(144, 238, 144)#00FA9Argb(0, 250, 154)#00FF00rgb(0, 255, 0)#39FF14rgb(57, 255, 20)#00FF7Frgb(0, 255, 127)#7CFC00rgb(124, 252, 0)#7FFF00rgb(127, 255, 0)#98FB98rgb(152, 251, 152)#98FF98rgb(152, 255, 152)#ADFF2Frgb(173, 255, 47)Green Color Chart: Hex, RGB, HSL & CMYK
Every green above in all four common formats. CMYK is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.
| Name | Hex | RGB | HSL | CMYK |
|---|---|---|---|---|
| Army Green | #4B5320 | rgb(75, 83, 32) | hsl(69, 44%, 23%) | cmyk(10%, 0%, 61%, 67%) |
| Hunter Green | #355E3B | rgb(53, 94, 59) | hsl(129, 28%, 29%) | cmyk(44%, 0%, 37%, 63%) |
| DarkGreen | #006400 | rgb(0, 100, 0) | hsl(120, 100%, 20%) | cmyk(100%, 0%, 100%, 61%) |
| Bottle Green | #006A4E | rgb(0, 106, 78) | hsl(164, 100%, 21%) | cmyk(100%, 0%, 26%, 58%) |
| Pine Green | #01796F | rgb(1, 121, 111) | hsl(175, 98%, 24%) | cmyk(99%, 0%, 8%, 53%) |
| Green | #008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) | cmyk(100%, 0%, 100%, 50%) |
| Fern Green | #4F7942 | rgb(79, 121, 66) | hsl(106, 29%, 37%) | cmyk(35%, 0%, 45%, 53%) |
| ForestGreen | #228B22 | rgb(34, 139, 34) | hsl(120, 61%, 34%) | cmyk(76%, 0%, 76%, 45%) |
| SeaGreen | #2E8B57 | rgb(46, 139, 87) | hsl(146, 50%, 36%) | cmyk(67%, 0%, 37%, 45%) |
| OliveDrab | #6B8E23 | rgb(107, 142, 35) | hsl(80, 60%, 35%) | cmyk(25%, 0%, 75%, 44%) |
| Jade | #00A86B | rgb(0, 168, 107) | hsl(158, 100%, 33%) | cmyk(100%, 0%, 36%, 34%) |
| Moss Green | #8A9A5B | rgb(138, 154, 91) | hsl(75, 26%, 48%) | cmyk(10%, 0%, 41%, 40%) |
| MediumSeaGreen | #3CB371 | rgb(60, 179, 113) | hsl(147, 50%, 47%) | cmyk(66%, 0%, 37%, 30%) |
| Kelly Green | #4CBB17 | rgb(76, 187, 23) | hsl(101, 78%, 41%) | cmyk(59%, 0%, 88%, 27%) |
| Sage | #9CAF88 | rgb(156, 175, 136) | hsl(89, 20%, 61%) | cmyk(11%, 0%, 22%, 31%) |
| DarkSeaGreen | #8FBC8F | rgb(143, 188, 143) | hsl(120, 25%, 65%) | cmyk(24%, 0%, 24%, 26%) |
| Emerald | #50C878 | rgb(80, 200, 120) | hsl(140, 52%, 55%) | cmyk(60%, 0%, 40%, 22%) |
| LimeGreen | #32CD32 | rgb(50, 205, 50) | hsl(120, 61%, 50%) | cmyk(76%, 0%, 76%, 20%) |
| MediumAquamarine | #66CDAA | rgb(102, 205, 170) | hsl(160, 51%, 60%) | cmyk(50%, 0%, 17%, 20%) |
| YellowGreen | #9ACD32 | rgb(154, 205, 50) | hsl(80, 61%, 50%) | cmyk(25%, 0%, 76%, 20%) |
| LightGreen | #90EE90 | rgb(144, 238, 144) | hsl(120, 73%, 75%) | cmyk(39%, 0%, 39%, 7%) |
| MediumSpringGreen | #00FA9A | rgb(0, 250, 154) | hsl(157, 100%, 49%) | cmyk(100%, 0%, 38%, 2%) |
| Lime | #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| Neon Green | #39FF14 | rgb(57, 255, 20) | hsl(111, 100%, 54%) | cmyk(78%, 0%, 92%, 0%) |
| SpringGreen | #00FF7F | rgb(0, 255, 127) | hsl(150, 100%, 50%) | cmyk(100%, 0%, 50%, 0%) |
| LawnGreen | #7CFC00 | rgb(124, 252, 0) | hsl(90, 100%, 49%) | cmyk(51%, 0%, 100%, 1%) |
| Chartreuse | #7FFF00 | rgb(127, 255, 0) | hsl(90, 100%, 50%) | cmyk(50%, 0%, 100%, 0%) |
| PaleGreen | #98FB98 | rgb(152, 251, 152) | hsl(120, 93%, 79%) | cmyk(39%, 0%, 39%, 2%) |
| Mint | #98FF98 | rgb(152, 255, 152) | hsl(120, 100%, 80%) | cmyk(40%, 0%, 40%, 0%) |
| GreenYellow | #ADFF2F | rgb(173, 255, 47) | hsl(84, 100%, 59%) | cmyk(32%, 0%, 82%, 0%) |
Green Scale from Light to Dark
A 12-step lightness scale built from the core green hue, holding hue and saturation constant. This is the shape of a design-system color ramp. Select any swatch for the full breakdown of that color.
Need a perceptually even ramp with semantic roles and contrast evidence? Generate green design tokens.
What Green Communicates
Green carries two distinct meanings that are worth keeping apart. Deep, desaturated greens signal nature, growth, and money; bright saturated greens signal success and "go" in interfaces. Because green and red are the pair most often confused by viewers with color vision deficiency, a green success state should never be the only signal — pair it with an icon or label.
Where green works well
- Success states, confirmations, and positive trend indicators
- Sustainability, outdoor, wellness, and food brands
- Financial gains, where the red/green convention is expected but needs a non-color backup
- Calm, organic backgrounds using desaturated sage and olive tones
Colors that pair with green
Copy the Green Palette as CSS
Every shade on this page as CSS custom properties, ready to paste into a stylesheet.
:root {
--green-army-green: #4B5320;
--green-hunter-green: #355E3B;
--green-darkgreen: #006400;
--green-bottle-green: #006A4E;
--green-pine-green: #01796F;
--green-green: #008000;
--green-fern-green: #4F7942;
--green-forestgreen: #228B22;
--green-seagreen: #2E8B57;
--green-olivedrab: #6B8E23;
--green-jade: #00A86B;
--green-moss-green: #8A9A5B;
--green-mediumseagreen: #3CB371;
--green-kelly-green: #4CBB17;
--green-sage: #9CAF88;
--green-darkseagreen: #8FBC8F;
--green-emerald: #50C878;
--green-limegreen: #32CD32;
--green-mediumaquamarine: #66CDAA;
--green-yellowgreen: #9ACD32;
--green-lightgreen: #90EE90;
--green-mediumspringgreen: #00FA9A;
--green-lime: #00FF00;
--green-neon-green: #39FF14;
--green-springgreen: #00FF7F;
--green-lawngreen: #7CFC00;
--green-chartreuse: #7FFF00;
--green-palegreen: #98FB98;
--green-mint: #98FF98;
--green-greenyellow: #ADFF2F;
}Green Color Questions
What is the hex code for green?
The standard green hex code is #008000, which is rgb(0, 128, 0) in RGB and hsl(120, 100%, 25%) in HSL. There is no single "correct" green — this page lists 30 named green shades with their own hex codes.
How many shades of green are there?
Displays can render millions of distinct green values, so any count is a matter of which ones have names. This page lists 30 named shades of green, combining the CSS color keywords with widely used green names from design and print references, plus a generated 12-step lightness scale.
Can I use green for text on a white background?
#008000 scores 5.14:1 against white. WCAG 2.2 asks for at least 4.5:1 for normal body text and 3:1 for large text, so this shade passes for normal text. Check any specific pairing in the contrast checker.
What colors go well with green?
pink, brown, beige all pair well with green. For a specific shade, open its color page to see the complementary, analogous, and triadic colors calculated from its exact hue.