5.14:1
Green
#008000#008000 is the CSS green: a medium, slightly deep green rather than the neon #00FF00, which CSS calls lime. It suggests nature, growth and "go", and it's a common choice for success messages. White text passes AA on it at 5.1:1; dark text doesn't.
HEX#008000
RGBrgb(0, 128, 0)
HSLhsl(120, 100%, 25%)
OKLCHoklch(52% 0.177 142.5)
CMYKcmyk(100%, 0%, 100%, 50%)
CMYK is an approximate screen conversion, not for print matching.Lighter and darker
Ten steps toward white and ten toward black, with green in the middle. Click a step to copy its hex code.
LightestGreen #008000Darkest
Readability
White text on greenNormal text at 16px. The quick brown fox jumps over the lazy dog.
5.14:1
- Passes AA normal
- Passes AA large
- Passes AAA large
- Fails AAA normal
Dark text on greenNormal text at 16px. The quick brown fox jumps over the lazy dog.
4.09:1
- Passes AA large
- Fails AA normal
- Fails AAA normal
- Fails AAA large
Colors that go with green
#008000#800080
Complementary
The opposite on the color wheel#408000#008000#008040
Analogous
Its two neighbors#008000#000080#800000
Triadic
Three evenly spaced colors#008000#400080#800040
Split-complementary
The two colors beside its oppositeGreen color palettes
Monochrome
Lighter and darker versions of the same color.Analogous
Neighbors on the color wheel, for a calm, related look.Complementary
The color with its opposite, for strong contrast.Triadic
Three colors evenly spaced around the wheel, with a light and dark version.Similar colors
- Forest Green#228B22
- Avocado Green#568203
- Dark Green#006400
- Fern Green#4F7942
- Sea Green#2E8B57
- Shamrock Green#009E60
- Hunter Green#355E3B
- Jade Green#00A86B
Questions about green
What is the hex code for green?
The hex code for green is #008000. In RGB it's rgb(0, 128, 0), and in HSL it's hsl(120, 100%, 25%).
What colors go with green?
Its complementary color is #800080. For a calmer look, try the analogous colors #408000 and #008040, or one of the palettes above, which all include green.
Is text readable on green?
White text is the better choice, with a contrast ratio of 5.14:1. That passes WCAG AA for normal text.