Skip to content

Green #008000

The color the eye can rest on longest.

RGB
0, 128, 0
HSL
120°, 100%, 25%
CMYK
100, 0, 100, 50
Luminance
0.1544

About Green

Human vision peaks in green: the eye distinguishes more shades of green than of any other hue, a leftover from a hundred thousand years of reading foliage for food and danger. The CSS named color "green" is #008000 — half-intensity — because pure #00ff00 (lime) is so luminous it barely functions as ink.

Green owns three modern meanings at once — nature, permission and money — and a designer chooses which one a given green whispers.

History

Green was historically the hardest color to wear: plant dyes faded fast, and the vivid greens of the 19th century — Scheele’s green, Paris green — were loaded with arsenic, poisoning wallpaper-filled parlors and, by some accounts, Napoleon on St Helena. Reliable, safe green is a 20th-century luxury.

The green revolution in branding came with environmentalism: since the 1980s green has been shorthand for organic, recyclable and sustainable — so heavily used it spawned the term greenwashing.

Psychology

Green sits at the eye’s point of least strain, reading as balance and safety; it is the universal "go", the exit sign, the checkmark. Financial contexts split by culture: green means gains in the West and losses on many Asian exchanges, where red rises.

Natural greens (yellow-leaning) feel organic; blue-leaning greens (teal, emerald) read premium and technological.

In design

For text, #008000 passes AA on white (5.1:1); bright lime demands dark backgrounds. Success states want a confident mid-green (#16a34a-class); finance wants deeper forest tones; health and food lean yellow-green.

Green + red is the most common color-blindness collision on Earth — never encode critical meaning in that pair alone; add icons, labels or luminance difference.

In culture

Green is Ireland and Islam, envy and inexperience (greenhorn), permission (green light) and ecology. It is the only color with its own political movement and its own room in every theater.

Brands that own green

Shades of green

Every format

HEX#008000
RGBrgb(0, 128, 0)
HSLhsl(120, 100%, 25%)
CMYKcmyk(100%, 0%, 100%, 50%)
LABlab(46.2 -51.7 49.9)
LCHlch(46.2 71.8 136.0)
OKLCHoklch(0.520 0.177 142.5)

Copy-ready code

/* CSS */
color: #008000;
background-color: #008000;
/* Tailwind (arbitrary) */
class="text-[#008000] bg-[#008000]"
/* SCSS */
$brand: #008000;
/* SwiftUI */
Color(red: 0.000, green: 0.502, blue: 0.000)
/* Android */
Color.parseColor("#008000")

Accessibility — WCAG contrast

Aa
#008000 on white: 5.14:1
AA ✓ pass · AA-large · AAA
Aa
#008000 on black: 4.09:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red0.0%
Green50.2%
Blue0.0%

CMYK percentages

Cyan100.0%
Magenta0.0%
Yellow100.0%
Key (black)49.8%

Color previews

#008000 text on a black background

contrast 4.09:1

Card sample

#008000 text on a white background

contrast 5.14:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #008000;
Background color
Panel with #008000 background
background-color: #008000;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #008000;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(0, 128, 0, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(0, 128, 0, 0.45);
Border & gradient
Gradient panel
border: 3px solid #008000;
background: linear-gradient(135deg, #008000, #008055);

Monochromatic scale

Palettes built from #008000

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Green, answered

What is the difference between green and lime hex codes?

CSS "green" is #008000 (half intensity) while full-intensity rgb(0,255,0) is named "lime" (#00ff00). The naming is historical — early palettes reserved "green" for the darker, more usable tone.

Is green text readable on white?

#008000 on white achieves about 5.1:1 — passing WCAG AA for body text. Brighter greens like #00ff00 fail on white (1.4:1) and belong on dark backgrounds.

What does green mean in UI design?

Success, permission and positive change: confirmations, completed states, upward metrics (in Western markets). Pair it with icons or text for color-blind users, since red/green is the most common confusion pair.

Work with #008000 in the Color Lab