UI Shades

A study in green

Lime

#00FF00

Family
Green
L
0.866
C
0.295
H
142°

Notes

Lime in CSS is #00ff00, the brightest possible green the sRGB color space can produce. It is too saturated for almost any practical UI application and most often shows up as a debugging stand-in or as a high-contrast marker in technical diagrams. Cultural associations are split: tropical fruit, neon signage, gaming, energy drinks. Real-world lime branding usually pulls a slightly desaturated variant. Pair with deep charcoal or magenta for high-contrast pop palettes. Body text contrast against white fails AA at every size; the value works only as a surface or marker.

#00ff00
Lime
Lime
#00ff00
oklch(0.866 0.295 142.5)
rgb(0 255 0)
hsl(120 100% 50%)
Share
#e1ffdd
#cdffc7
#8dff84
#00ff00
#00dc00
#00ab00
#008e00
#007500
#005600
#003b00
#002000

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Lime

Cross-reference
Q&A

Frequently asked questions

What is Lime?

Lime in CSS is #00ff00, the brightest possible green the sRGB color space can produce. It is too saturated for almost any practical UI application and most often shows up as a debugging stand-in or as a high-contrast marker in technical diagrams. Its hex code is #00FF00.

What are the tints and shades of Lime?

uishades builds an 11-step OKLCH ramp for Lime (#00FF00) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Lime?

Its complementary color is #FFB1FF. Triadic partners are #B5D4FF and #FFBBB7; analogous neighbours are #00FAC6 and #D7DF00.

What are the OKLCH and RGB values of Lime?

Lime is #00FF00 - OKLCH 0.866 0.295 142°, rgb(0 255 0), in the green family.