Color Picker Lab

Green Color

Green is the hex color #008000. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

Copy #008000 Open in picker Save

Green color codes

HEX
#008000
HEX8
#008000FF
HEX8 (Android)
#FF008000
RGB
rgb(0, 128, 0)
RGB (%)
0%, 50%, 0%
HSL
hsl(120, 100%, 25%)
HSV / HSB
hsv(120, 100%, 50%)
CMYK
cmyk(100%, 0%, 100%, 50%)
OKLCH
oklch(0.5198 0.1769 142.5)
OKLCH (%)
oklch(51.98% 0.1769 142.5)
Decimal
32768

What color is #008000?

#008000 is the CSS web color Green. In the RGB model it’s 0% red, 50% green, and 0% blue; in HSL it has a hue of 120°, 100% saturation, and 25% lightness — a deep, natural green. Note that the bright, electric green most people imagine is #00FF00, which CSS names “lime.”

The meaning of Green

Green represents nature, growth, health, money, and “go.” It’s calming and strongly tied to the environment, wellness, and positive or success states.

Where Green is used

Green is used for sustainability, finance, health, and confirmation states (the green checkmark). Remember CSS “green” is the deep #008000, while pure #00FF00 is “lime.” Natural‑feeling greens like Forest Green #228B22 and Sea Green #2E8B57 are popular for organic brands.

Shades and tints of Green

Tints

#339933 ForestGreen
#66B366 MediumSeaGreen
#99CC99 DarkSeaGreen
#CCE6CC Honeydew

Shades

#006600 DarkGreen
#004D00 DarkGreen
#003300 DarkGreen
#001A00 Black

Green color harmonies

Complementary

#008000 Green
#800080 Purple

Analogous

#008000 Green
#408000 Green
#008040 SeaGreen

Triadic

#008000 Green
#000080 Navy
#800000 Maroon

Split-complementary

#008000 Green
#400080 Indigo
#800040 Purple

Using Green in CSS

.text       { color: #008000; }
.background { background-color: #008000; }
.border     { border: 2px solid #008000; }

/* Modern, perceptually uniform */
.text { color: oklch(0.5198 0.1769 142.5); }

/* Green at 50% transparency */
.overlay { background-color: #00800080; }

Is Green accessible?

Green on white text scores 5.14:1; on black text it scores 4.09:1. White text on #008000 passes WCAG AA for normal text (5.14:1); black text passes only for large text (4.09:1). Recommended text color on a Green background: white.

A 4.09:1 vs black
A 5.14:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Fail
  • AAA large ≥ 4.5 Pass

Recommended text color: white

CSS contrast-color() contrast-color(#008000) → white
APCA Lc experimental 80 Lc · body text (white text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Green variations and related colors

Lime / pure green #00FF00 Forest Green #228B22 Sea Green #2E8B57 Olive #808000 Teal #008080

Frequently asked questions

What is the hex code for green?
In CSS, “green” is #008000 (rgb(0, 128, 0)). The bright green most people picture is #00FF00, which CSS calls “lime.”
Why are there two greens?
HTML/CSS defined “green” as the darker #008000 for historical reasons; #00FF00 (pure green) is named “lime.”
What text color works on green?
On #008000, white text scores 5.14:1 (passes WCAG AA for normal text).

Last updated

Open Green in the color picker

Drag, fine-tune, and copy #008000 in every format, or jump to a related page.

Open Green in the color picker