White text 5.1:1
Green is the color of leaves, money and the go signal.
Here are 38 named shades of green - from Mint and Lime to Hunter and British Racing Green - with HEX, RGB, HSL and CMYK codes.
Click a code to copy it, or open any shade in the generator to build a full scale.
Tea Green - lightest38 shades sorted light to darkdarkest - British Racing Green
Download all 38 shades of green
Photoshop, Illustrator, InDesign, AffinityA Tailwind-style scale built from Green (#008000), evenly spaced in OKLCH lightness. Paste any other green to build its own scale, or click a swatch for its codes and contrast.
Something went wrong. Please try again.
Still having trouble? Please contact us and we'll be happy to help!
Hmm, that doesn't look like a color yet. Try #3399cc, rgb(51, 153, 204), hsl(200, 60%, 50%) or a name like Cobalt.
#008000rgb(0, 128, 0)hsl(120, 100%, 25%)cmyk(100%, 0%, 100%, 50%)Tints mixed with white
Shades mixed with black
Tones mixed with gray
Click any swatch to see its codes and contrast. Tints, shades and tones are simple RGB mixes, the classic way painters and print designers make them.
:root {
--brand-50: #edfcec;
--brand-100: #c9f8c4;
--brand-200: #7cf674;
--brand-300: #4dde46;
--brand-400: #22bb1e;
--brand-500: #009e00;
--brand-600: #008000;
--brand-700: #0f6a0c;
--brand-800: #165614;
--brand-900: #174614;
--brand-950: #122e10;
}Next: blend 50 into 950 in the Gradient Generator, test every pair in the Accessible Color Palette, check 900 on 100 with the Contrast Checker or find matching colors on the Color Wheel.
Using the same color wheel maths as our Color Wheel, these are the harmonies for Green (#008000). Click a group to open it on the wheel.
#800080 Purple
Analogous
Next-door neighbors - calm and harmonious
#408000 Avocado#008040 Green
Triadic
Three evenly spaced hues - bold and balanced
#000080 Navy Blue#800000 Maroon
Split complementary
The two neighbors of the opposite - contrast with less tension
#400080 Indigo#800040 Claret
Green stands for nature, growth, health and freshness. In interfaces it is the standard color for success: saved, paid, online, done.
Our eyes are especially sensitive to the yellow-green part of the spectrum, which is why we can tell apart so many greens and why green screens and night-vision displays use it.
Many shades carry a story. Hunter Green comes from hunting clothes, British Racing Green from early motor racing, and Kelly Green is tied to Ireland. Emerald was Pantone's Color of the Year in 2013.
See green in complete, ready-made palettes - each one with codes and downloads.
Want a palette built around one exact green? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.
Green is #008000, which is rgb(0, 128, 0) and hsl(120, 100%, 25%). For print it is about 100% cyan, 0% magenta, 100% yellow and 50% black. It is also a CSS color keyword, so you can simply write green in your stylesheet.
There is no fixed number - any green can be made lighter, darker or more muted. This page lists 38 named shades, from Tea Green (#D0F0C0) to British Racing Green (#004225). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any green.
Green (#008000) has a contrast ratio of 5.13:1 on white, which passes WCAG AA for normal text. On black it reaches 4.08:1, so use it as text on light backgrounds, or put white text on it. Test any pair with the Contrast Checker.
Sage Green (#9CAF88) is a light, grayish green - soft and calm. Olive Drab (#6B8E23) and Dark Olive Green (#556B2F) are darker and more yellow, with an earthy, military feel.
Lime (#00FF00) is the purest bright green on screens - the full green channel with no red or blue. Harlequin (#3FFF00) and Lawn Green (#7CFC00) are similar neon greens.
For buttons and success messages, mid greens such as Sea Green (#2E8B57) or Forest Green (#228B22) stay readable with white text. For backgrounds, pale tints like Tea Green or Honeydew work best. Fresh pastel greens are on shades of mint green.