CSS Color: Lime
Named CSS color Lime — #00FF00 in HEX, rgb(0, 255, 0) in RGB, hsl(120, 100%, 50%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Lime | color: Lime; |
| HEX | #00FF00 | color: #00FF00; |
| RGB | rgb(0, 255, 0) | color: rgb(0, 255, 0); |
| HSL | hsl(120, 100%, 50%) | color: hsl(120, 100%, 50%); |
About Lime
Lime is the purest, brightest green possible in CSS. At hex `#00FF00`, the green channel is at maximum (255) while red and blue are zero. It sits at 120 degrees with full saturation and 50% lightness — the green counterpart to Red (`#FF0000`) and Blue (`#0000FF`).
In web design, Lime is an extremely vibrant color that should be used with caution. Its high intensity makes it effective for gaming interfaces, neon themes, and matrix-style effects, but it can be eye-straining in large quantities. Lime is more often used in data visualization to represent positive values on dark backgrounds.
Accessibility is a significant concern with Lime. Against white, it achieves only about 1.4:1 contrast — virtually invisible. Against black, it achieves approximately 15.3:1, making it excellent for text on dark backgrounds in terminal or code-themed interfaces.
Lime is much brighter than CSS Green (`#008000`). When people say "green" in everyday language, they often mean something between these two. In Tailwind CSS, `green-500` is actually more like a middle ground, while `lime-500` comes closest to this pure Lime.
FAQ
What is the hex code for Lime?
The CSS named color Lime has the hex code #00FF00. You can use it in CSS as color: #00FF00; or simply color: Lime;.
What is Lime in RGB?
In RGB notation, Lime is rgb(0, 255, 0). Use it in CSS as color: rgb(0, 255, 0);.
What is Lime in HSL?
In HSL notation, Lime is hsl(120, 100%, 50%). Use it in CSS as color: hsl(120, 100%, 50%);.
What color category is Lime?
Lime belongs to the Green color family in the CSS named colors specification.
Can I use the name "Lime" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Lime; or background-color: Lime; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert Lime to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →