CSS named color
Green
#008000
HEX
#008000RGB
rgb(0, 128, 0)HSL
hsl(120, 100%, 25%)OKLCH
oklch(51.98% 0.1769 142.50)NAME
greenPalette
Complementary
180° on the color wheelComplement
#80007F
Analogous
±30° around the base hueLeft
#408000
Right
#008040
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: green;
background-color: green;By HEX
color: #008000;
background-color: #008000;By RGB
color: rgb(0, 128, 0);
background-color: rgb(0, 128, 0);By HSL
color: hsl(120, 100%, 25%);
background-color: hsl(120, 100%, 25%);WCAG contrast vs white
Aa
5.14:1
AA
WCAG contrast vs black
Aa
4.09:1
AA (large text)
Related colors
FAQ — Green
What is the HEX code for Green?
The HEX code for Green is #008000. It's one of the 148 named CSS colors and can be used directly in CSS as color: green; or color: #008000;
What is Green in RGB?
Green in RGB is rgb(0, 128, 0) — red 0, green 128, blue 0.
What is Green in HSL?
Green in HSL is hsl(120, 100%, 25%) — hue 120°, saturation 100%, lightness 25%.
What is the complementary color of Green?
The complementary color (directly opposite Green on the color wheel) is #80007F. The two together produce maximum contrast.
Is white text readable on Green?
The WCAG contrast ratio against white (#FFFFFF) is 5.14:1, and against black (#000000) it's 4.09:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.