#008000
Green
Green is the color of nature, growth, and renewal. It sits at the center of the visible spectrum and is the most restful color for the human eye.
Green Color Values
HEX#008000
RGB0, 128, 0
HSL120°, 100%, 25%
HSV120°, 100%, 50%
CMYK100%, 0%, 100%, 50%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #837200 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #776A16 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #007C6C (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #636363 (~0.003% of population)
Green as Text Color
Green on White
5.1:1AA
Green on Light Gray
4.7:1AA
Green on Cream
4.9:1AA
Green on Dark
3.3:1FAIL
Green on Black
4.1:1FAIL
Green on Soft Blue
4.5:1FAIL
Green on Soft Green
4.6:1AA
Green on Soft Pink
4.3:1FAIL
Nearest Tailwind Class
green-800
#166534
Nearest Pantone Match
Pantone 349 C
#0C5E31
CSS Variable Export
:root {
--color-green: #008000;
--color-green-rgb: 0, 128, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'green': '#008000',
}Shades of Green
#008000
#007000
#006100
#005700
#004700
#003800
#002900
#001F00
#000F00
#000000
Tints of Green
#008000
#00A800
#00D600
#00FF00
#29FF29
#57FF57
#80FF80
#A8FFA8
#D6FFD6
#FFFFFF
Color Harmonies
Complementary
#008000
#80007F
Analogous
#408000
#008000
#008040
Triadic
#008000
#000080
#800000
Green Text Preview
Heading in Green
Body text in Green. The quick brown fox jumps over the lazy dog.
White on Green
Body text on a Green background.
Green text on dark background
Contrast: 3.5:1