Lime HEX Code
The HEX code for lime is #00FF00. Lime is pure green in the RGB color model—maximum green with no red or blue. Note that CSS "green" (#008000) is actually darker; pure RGB green is called "lime."
Lime Color Values
| Format | Value |
|---|---|
| HEX | #00FF00 |
| RGB | rgb(0, 255, 0) |
| HSL | hsl(120, 100%, 50%) |
| CMYK | C:100 M:0 Y:100 K:0 |
Lime vs Green Confusion
| Name | HEX | Description |
|---|---|---|
| Lime | #00FF00 | Pure RGB green |
| Green | #008000 | CSS "green" |
| Lime Green | #32CD32 | Different shade |
Lime Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Pale Green | #98FB98 | Light lime |
| Lime | #00FF00 | Pure green |
| Lime Green | #32CD32 | Named shade |
| Lawn Green | #7CFC00 | Yellow-tinted |
| Chartreuse | #7FFF00 | Yellow-green |
Lime in Design
Lime conveys:
- Energy: Electric, vibrant
- Nature: Fresh, organic
- Growth: New, emerging
- Digital: Tech, gaming
Using Lime in Design
``css
/* Lime accent */
.accent-lime {
color: #00FF00;
}
/* Gaming/tech style */
.neon-lime {
color: lime;
text-shadow: 0 0 10px lime;
}
/* Softer lime palette */
:root {
--lime-50: #F7FEE7;
--lime-500: #84CC16;
--lime-900: #365314;
}
``
Lime Accessibility
Pure lime (#00FF00) has poor contrast on white:
| Combination | Contrast | WCAG |
|---|---|---|
| Lime on white | 1.4:1 | Fail |
| Lime on black | 15.3:1 | AAA |
Tailwind Lime Scale
| Level | HEX | Use |
|---|---|---|
| 50 | #F7FEE7 | Backgrounds |
| 500 | #84CC16 | Primary |
| 700 | #4D7C0F | Dark |