CSS named color
Lime
#00FF00
HEX
#00ff00RGB
rgb(0, 255, 0)HSL
hsl(120, 100%, 50%)OKLCH
oklch(86.64% 0.2948 142.50)NAME
limePalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#80FF00
Right
#00FF80
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: lime;
background-color: lime;By HEX
color: #00ff00;
background-color: #00ff00;By RGB
color: rgb(0, 255, 0);
background-color: rgb(0, 255, 0);By HSL
color: hsl(120, 100%, 50%);
background-color: hsl(120, 100%, 50%);WCAG contrast vs white
Aa
1.37:1
Below minimum
WCAG contrast vs black
Aa
15.30:1
AAA
Related colors
FAQ — Lime
What is the HEX code for Lime?
The HEX code for Lime is #00FF00. It's one of the 148 named CSS colors and can be used directly in CSS as color: lime; or color: #00ff00;
What is Lime in RGB?
Lime in RGB is rgb(0, 255, 0) — red 0, green 255, blue 0.
What is Lime in HSL?
Lime in HSL is hsl(120, 100%, 50%) — hue 120°, saturation 100%, lightness 50%.
What is the complementary color of Lime?
The complementary color (directly opposite Lime on the color wheel) is #FF00FF. The two together produce maximum contrast.
Is white text readable on Lime?
The WCAG contrast ratio against white (#FFFFFF) is 1.37:1, and against black (#000000) it's 15.30:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.