A study in green
Lawn Green
#7CFC00
- Family
- Green
- L
- 0.882
- C
- 0.263
- H
- 136°
Notes
Lawn Green is the saturated, slightly yellow-leaning green of fresh turf in spring. The CSS hex is one of the brightest greens in the spec, almost neon, and is too saturated for most UI applications. It functions as a safety or marker color in maps and dashboards, or as a high-energy accent in sports and gaming branding. Against white the contrast fails at body text sizes; backgrounds, fills, and decorative elements with dark text on top are where it earns its keep. Body text contrast against white fails AA at every size, so the value cannot function as a type color.
Palette built around Lawn Green
Related colors
Frequently asked questions
What is Lawn Green?
Lawn Green is the saturated, slightly yellow-leaning green of fresh turf in spring. The CSS hex is one of the brightest greens in the spec, almost neon, and is too saturated for most UI applications. Its hex code is #7CFC00.
What are the tints and shades of Lawn Green?
uishades builds an 11-step OKLCH ramp for Lawn Green (#7CFC00) - 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 Lawn Green?
Its complementary color is #F7C0FF. Triadic partners are #B6DBFF and #FFC1C5; analogous neighbours are #00FFB9 and #EBDE00.
What are the OKLCH and RGB values of Lawn Green?
Lawn Green is #7CFC00 - OKLCH 0.882 0.263 136°, rgb(124 252 0), in the green family.