Lime Green Background
#32CD32 · rgb(50, 205, 50)
About the lime green background
Lime green (#32CD32) is green with the yellow dial turned up — rgb(50, 205, 50). It's fresh, zesty and sporty: energy drinks, fitness brands and 'go' states all borrow its voltage.
Against black text it measures about 9.9:1 (very accessible), while white text fails at ~2.1:1 — so treat white-on-lime as display-size only.
What to use a lime green background for
- Fitness, energy and sports branding
- Success states and confirmation highlights
- Fresh, organic food marketing
- High-visibility accents in dark UIs
How to use lime green in CSS
Copy the snippet below, or click any code chip on this page to grab a single value.
/* Full-page lime green background */
body {
margin: 0;
background-color: #32CD32;
}
/* A single section or element */
.hero {
background-color: rgb(50, 205, 50);
} Lime Green shades and tints
Click any swatch to copy it. Tints mix lime green with white; shades mix it with black.
Lime Green background FAQ
What's the difference between lime and lime green?
CSS `lime` is the pure #00FF00 (green channel only). 'Lime green' usually refers to #32CD32 — rgb(50, 205, 50) — a softer, yellower green that's less harsh on screen.
What text is readable on lime green?
Black on #32CD32 measures about 9.9:1 — excellent for all text sizes. White only reaches ~2.1:1, so avoid white body copy on this background.
What is the hex code for lime green?
Lime Green is #32CD32 in hexadecimal, rgb(50, 205, 50) in RGB and hsl(120, 61%, 50%) in HSL. Paste #32CD32 into any CSS background-color property to use it.
How do I set a lime green background in CSS?
Add background-color: #32CD32; to any element, or apply it to the whole page: body { background-color: #32CD32; margin: 0; }. You can also use the CSS keyword or the rgb() form — rgb(50, 205, 50) — with identical results.