Green is a dark, vivid shade in the green color family, with a cool feel. Its HEX code is #008000, which equals rgb(0, 128, 0) in RGB and hsl(120, 100%, 25%) in HSL. In print terms it converts to roughly C100 M0 Y100 K50, although exact CMYK results depend on the paper and color profile.
- HEX
#008000 - RGB
0, 128, 0 - HSL
120°, 100%, 25% - CMYK
100, 0, 100, 50 - Family
Green - Tone
Dark, vivid
About Green
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 5.14:1. Its complementary color is #800080.
Download Green as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Green color codes
| HEX | #008000 |
|---|---|
| RGB | rgb(0, 128, 0) |
| HSL | hsl(120, 100%, 25%) |
| HSV | 120°, 100%, 50% |
| CMYK | 100%, 0%, 100%, 50% |
| Decimal | 32768 |
Shades and tints of Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5EAD5 - 100
#AAD5AA - 200
#80C080 - 300
#55AA55 - 400
#2B952B - 500
#008000 - 600
#006B00 - 700
#005500 - 800
#004000 - 900
#002B00 - 950
#001500
Color harmonies for Green
- Complementary
#800080≈ Dark Magenta Tone - Analogous −30°
#408000≈ Dark Apple - Analogous +30°
#008040≈ Dark Mint - Triadic +120°
#000080≈ Dark Blue Tone - Triadic +240°
#800000≈ Dark Red Tone - Split 150°
#400080≈ Dark Violet Tone - Split 210°
#800040≈ Dark Blush
Contrast and accessibility of Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Green | Aa | 5.14:1 | AA (good) |
| Black text on Green | Aa | 4.09:1 | AA Large only |
CSS code for Green
background-color: #008000;color: #008000;background-color: rgb(0, 128, 0);background-color: hsl(120, 100%, 25%);:root { --color-green: #008000; }class="bg-[#008000]"Colors similar to Green
- Dark Green Tone
#008500 - Dark Shamrock
#0D8500 - Dark Kelly
#00850D - Dark Bright Green
#0D770D - Dark Clover
#1B8500 - Dark Bright Shamrock
#18770D - Dark Emerald
#00851B - Dark Bright Kelly
#0D7718 - Dark Green
#006400 - Dark Bright Clover
#22770D - Dark Leaf
#288500 - Dark Bright Emerald
#0D7722
More green shades
- Mint Cream
#F5FFFA - Pale Green
#98FB98 - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green Yellow
#ADFF2F - Lawn Green
#7CFC00 - Light Green
#90EE90 - Lime
#00FF00 - Medium Aquamarine
#66CDAA
Frequently asked questions
What is the HEX code for Green?
The HEX code for Green is #008000.
What is the RGB value of Green?
Green has an RGB value of 0, 128, 0 (rgb(0, 128, 0)). In HSL it is 120°, 100%, 25%.
What text color should I use on Green?
Use white text on Green. White text has a contrast ratio of 5.14:1 and black text has 4.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Green?
The complementary color of Green is #800080. Analogous colors #408000 and #008040 also pair well.