Green color: code #008000

Green

#008000

Color codes

  • HEX#008000
  • RGBrgb(0, 128, 0)
  • HSLhsl(120, 100%, 25%)
  • HSVhsv(120, 100%, 50%)
  • CMYKcmyk(100%, 0%, 100%, 50%)
  • LABlab(46.2% -51.7 49.9)
  • OKLCHoklch(52% 0.177 142.5)

About the color Green

Green has the HEX code #008000, which corresponds to rgb(0, 128, 0) in the RGB model. On the color wheel its hue sits at 120°, with 100% saturation and 25% lightness (hsl(120, 100%, 25%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for light text: white reaches a 5.13:1 contrast ratio on it, versus 4.08:1 for black.

For print, the approximate conversion is cmyk(100%, 0%, 100%, 50%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Green

Complementary

#008000 · #800080

Analogous

#408000 · #008000 · #008040

Triadic

#008000 · #000080 · #800000

Tetradic

#008000 · #004080 · #800080 · #804000

Split-complementary

#008000 · #400080 · #800040

Monochromatic

#000000 · #004D00 · #008000 · #00CC00 · #1AFF1A

Green with white and black text

White text Aa Bb Cc 123
5.13:1 · AA
Black text Aa Bb Cc 123
4.08:1 · large text only

Test other pairs in the contrast checker

Here's a detail that trips up a lot of people: in CSS, the keyword green maps to #008000, a medium, fairly dark green, not the screen's "pure" green. The green with the G channel maxed out, #00FF00, is called lime. If you typed green expecting something vivid, that's why it looked dark.

Meaning and perception

Green is linked to nature, growth, health and balance, and in interfaces to success and "go." In the United States it also means money, thanks to the color of the dollar bill, and it's the color of Ireland and St. Patrick's Day. Elsewhere it's tied to Islam, to hope or, on the negative side, to envy and sickness ("green with envy," "looking green"). As always, the meaning comes from context, not from the color on its own.

Where green works

  1. Sustainability and food: packaging for natural products, produce and clean-energy brands. Here, yellowish or grayish greens such as olive green feel less generic than #008000.
  2. Interfaces: success messages, positive balances and confirm buttons. #008000 is a solid base because it has enough contrast against a white background.
  3. Interiors: mid-tone greens on walls pair well with wood and houseplants; deep green gives a classic library feel.
  4. Fashion: pure green works as a statement color, while army green behaves like a neutral in everyday wear.

How to pair it

Tip: green, text and color blindness

White text on #008000 reaches a 5.1:1 contrast ratio and passes WCAG AA for body text; black text sits at 4.1:1 and only works for large text. The bigger issue is something else: red and green are the hardest pair for people with deuteranopia or protanopia, the most common types of color blindness. Don't rely on color alone to separate "approved" from "rejected." Add an icon or label and check the result in the color blindness simulator.

How to use it in CSS

:root {
  --color-green: #008000;
  --color-green-rgb: 0, 128, 0;
}

.elemento {
  background-color: var(--color-green);
  color: #FFFFFF;
}

Similar colors

Use Green in our tools