Skip to content

Lime #00ff00

Maximum green. Literally.

RGB
0, 255, 0
HSL
120°, 100%, 50%
CMYK
100, 0, 100, 0
Luminance
0.7152

About Lime

Lime, #00ff00, is the green channel alone at full intensity — the mathematically purest green a screen can emit, and the brightest-feeling color after yellow. CSS reserved the plain name “green” for the darker #008000, leaving the real primary to the citrus.

History

As a fashion force lime is pure late-20th-century: highlighter pens, safety vests, tennis balls (officially “optic yellow”, functionally lime) and the slime green of 90s youth culture. Its job has always been the same — be impossible to miss.

Psychology

Lime is energy, acidity and youth: green’s vitality overclocked. It grabs like a warning while staying playful, which makes it the go-to for sports, energy drinks and “we’re not a bank” branding.

In design

On dark canvases lime is electricity (#84cc16 and #a3e635 are the tamed forms); on white it fails as text (1.37:1) and even as accent needs outlines. Pair with black for maximum punch — the classic hazard combination — or purple for club-flyer energy.

In culture

Lime is the highlighter’s color, the tennis ball’s glow, slime and Matrix code rain — visibility turned into attitude.

Brands that own lime

Shades of lime

Every format

HEX#00ff00
RGBrgb(0, 255, 0)
HSLhsl(120, 100%, 50%)
CMYKcmyk(100%, 0%, 100%, 0%)
LABlab(87.7 -86.2 83.2)
LCHlch(87.7 119.8 136.0)
OKLCHoklch(0.866 0.295 142.5)

Copy-ready code

/* CSS */
color: #00ff00;
background-color: #00ff00;
/* Tailwind (arbitrary) */
class="text-[#00ff00] bg-[#00ff00]"
/* SCSS */
$brand: #00ff00;
/* SwiftUI */
Color(red: 0.000, green: 1.000, blue: 0.000)
/* Android */
Color.parseColor("#00ff00")

Accessibility — WCAG contrast

Aa
#00ff00 on white: 1.37:1
AA ✗ fail · AA-large · AAA
Aa
#00ff00 on black: 15.30:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red0.0%
Green100.0%
Blue0.0%

CMYK percentages

Cyan100.0%
Magenta0.0%
Yellow100.0%
Key (black)0.0%

Color previews

#00ff00 text on a black background

contrast 15.30:1

Card sample

#00ff00 text on a white background

contrast 1.37:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #00ff00;
Background color
Panel with #00ff00 background
background-color: #00ff00;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #00ff00;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(0, 255, 0, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(0, 255, 0, 0.45);
Border & gradient
Gradient panel
border: 3px solid #00ff00;
background: linear-gradient(135deg, #00ff00, #00FFAA);

Monochromatic scale

Palettes built from #00ff00

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Lime, answered

What is the hex code for lime green?

Pure lime is #00ff00 — rgb(0, 255, 0). Softer design limes include #84cc16 and chartreuse #7fff00.

Why is #00ff00 called lime and not green?

Early web palettes kept “green” for the readable half-intensity #008000; the blinding full-intensity primary was named after the citrus. The naming stuck in CSS forever.

When should I use lime in UI?

As a dark-theme accent for success, activity or gaming energy. Never as text on light backgrounds — 1.37:1 contrast makes it functionally invisible.

Work with #00ff00 in the Color Lab