lime — #00FF00
#00FF00
rgb(0, 255, 0) · hsl(120, 100%, 50%) · CSS keyword lime
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| lime on white | 1.37:1 | — | — |
| lime on black | 15.3:1 | AA | AA |
As a background, lime takes black text: 15.3:1 against 1.37:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: lime;
color: #00ff00;
color: rgb(0 255 0);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to lime
- springgreen — #00FF7F
- limegreen — #32CD32
- mediumspringgreen — #00FA9A
- lawngreen — #7CFC00
- chartreuse — #7FFF00
- mediumseagreen — #3CB371
Frequently asked questions
What is the hex code for lime?
The hex code for lime is #00FF00 — RGB 0, 255, 0.
Can I use lime for text?
Not on a white background. lime reaches only 1.37:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on lime be black or white?
Black — 15.3:1 against 1.37:1 the other way.
Other named colours
- limegreen — #32CD32
- linen — #FAF0E6
- magenta — #FF00FF
- maroon — #800000
- mediumaquamarine — #66CDAA
- mediumblue — #0000CD
- mediumorchid — #BA55D3
- mediumpurple — #9370DB
- mediumseagreen — #3CB371
- mediumslateblue — #7B68EE
- mediumspringgreen — #00FA9A
- mediumturquoise — #48D1CC
#00FF00 in full — tints, shades and harmonies · All named colours · Colour reference