Lime color (#00FF00)
Lime is one of the 148 CSS named colors. Use the keyword lime
anywhere CSS accepts a color, or its hex code #00FF00, which is rgb(0, 255, 0) in RGB.
It is a light, vivid cool color with a hue angle of 120° on the HSL color wheel and a perceived lightness of 87% in OKLCH. On a lime background, black text gives the higher contrast at 15.30:1, which passes WCAG AA for normal text.
Lime color codes
| CSS name | lime |
|
|---|---|---|
| HEX | #00FF00 |
|
| HEX (8-digit) | #00FF00FF |
|
| RGB | rgb(0, 255, 0) |
|
| HSL | hsl(120, 100%, 50%) |
|
| HSV / HSB | hsv(120, 100%, 100%) |
|
| OKLCH | oklch(86.6% 0.2948 142.5) |
|
| CMYK | cmyk(100%, 0%, 100%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for lime used as text and as a background.
Tints and shades of lime
Tints mix lime with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with lime
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Lime with color blindness
Approximately how lime appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using lime in CSS
.element {
color: lime;
background-color: #00ff00;
border-color: rgb(0 255 0 / 50%);
outline-color: oklch(86.6% 0.2948 142.5);
}Similar named colors
See all shades of green or browse every CSS color name.