Green #008000

Green, hex code #008000, is the CSS keyword green: a medium-dark, fully saturated green with no red or blue mixed in. It looks like a deep leaf or a traffic light's go signal. People connect it with nature, growth, permission to proceed, and, in the United States, money.

CSS green is #008000, not the bright #00FF00, which CSS calls lime. Many paint programs label #00FF00 as green, so the two are often mixed up.

Green color codes
HEX#008000
RGBrgb(0, 128, 0)
HSLhsl(120, 100%, 25%)
HSVhsv(120, 100%, 50%)
CMYKcmyk(100%, 0%, 100%, 50%)

Text on Green

White text reads better on Green. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

5.13:1 · AA
Black text

The quick brown fox jumps over the lazy dog.

4.08:1 · AA large

Colors that go with Green

Green tints and shades

Tints mix Green with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#269326
#4DA64D
#73B973
#99CC99
#BFDFBF

Shades

#006D00
#005A00
#004600
#003300
#002000

Green color schemes

Color-wheel harmonies built by rotating the hue of #008000 and keeping its saturation and lightness.

Complementary

#008000
#800080

Analogous

#408000
#008000
#008040

Triadic

#008000
#000080
#800000

Split complementary

#008000
#400080
#800040

Tetradic

#008000
#004080
#800080
#804000

Green color meaning

Green is the color of plants, so its core meaning is life and growth. It appears on anything that wants to say natural, healthy, renewable, or fresh, from organic food labels to recycling programs and environmental groups.

It also means go. Traffic lights, status indicators, and success messages use green for safe or done, which gives it a practical, reassuring job in interfaces. In the United States, green banknotes tie it to money and finance as well. In much of Europe, a green cross marks a pharmacy.

Cultural meanings vary. Green is closely associated with Islam and appears on the flags of many Muslim-majority countries. Ireland uses it as a national color. In English it can also mean inexperienced, or envious, as in "green with envy."

How to use Green in design

This green works well for buttons, success states, and badges, and it's a dependable brand color for finance, health, and sustainability. White text reads clearly on it, which makes it practical for call-to-action buttons; black text is weaker. Because it is so saturated, a large field of it can look flat on screen, so many brands use it as an accent next to white, cream, or soft gray. Don't rely on green alone to signal success, since red-green color blindness is common. Add an icon or a label too.

Palettes with Green tones

Curated palettes with a color close to #008000.

Colors similar to Green

Work with Green

Green FAQ

What is the difference between green and dark green?

In CSS, green is #008000 and darkgreen is a deeper shade of the same pure hue. Both have no red or blue in them, so they look equally clean, but dark green feels heavier and more formal. Use green for buttons and status colors, and dark green for backgrounds, headers, and traditional branding.

What does green mean in a logo?

A green logo usually tells people the brand is natural, healthy, or sustainable, or that it deals with money and growth. That's why you see it in grocery, outdoor, finance, and clean energy. Lighter greens feel fresh and young, while darker greens feel established and premium.