Lime color codes
| CSS name | lime |
|---|---|
| HEX | #00FF00 |
| RGB | rgb(0, 255, 0) |
| HSL | hsl(120, 100%, 50%) |
| CMYK | cmyk(100%, 0%, 100%, 0%) |
| Decimal | 65280 |
Shades of Lime (darker)
#00E600 · #00CC00 · #00B300 · #009900 · #008000 · #006600 · #004D00 · #003300 · #001A00
Tints of Lime (lighter)
#1AFF1A · #33FF33 · #4DFF4D · #66FF66 · #80FF80 · #99FF99 · #B3FFB3 · #CCFFCC · #E6FFE6
Color harmonies
| Complementary | #FF00FF |
|---|---|
| Triadic | #0000FF, #FF0000 |
| Analogous | #80FF00, #00FF80 |
Accessibility (WCAG contrast)
| White text on Lime | 1.37:1 · Fail |
|---|---|
| Black text on Lime | 15.30:1 · AAA |
Use Lime in code
.element {
color: lime; /* or #00ff00 */
background-color: rgb(0 255 0 / 0.5);
}Frequently asked questions
What is the hex code for Lime?
Lime is #00FF00 in HEX, rgb(0, 255, 0) in RGB and hsl(120, 100%, 50%) in HSL.
Can I use "lime" directly in CSS?
Yes. "lime" is one of the 148 standard CSS named colors, so color: lime; works in every browser.
Is Lime readable on white?
The contrast ratio of Lime on white is 1.37:1 (WCAG Fail). On black it is 15.30:1 (AAA).
What is the complementary color of Lime?
The complementary color (opposite on the color wheel) is #FF00FF.
Similar colors
Lime Green#32CD32Lawn Green#7CFC00Forest Green#228B22Chartreuse#7FFF00Green#008000Spring Green#00FF7FMedium Sea Green#3CB371Sea Green#2E8B57
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.