Neon Green #39FF14
Neon green, hex code #39FF14, is an extremely bright yellow-green that seems to glow on screen. It is very light and as saturated as a display can manage. It looks like a highlighter or a glow stick and brings to mind nightclubs, safety gear, gaming, and 1980s and 1990s fashion.
Neon green isn't a CSS keyword and has no fixed value; #39FF14 is a common choice. Printed neon colors need special fluorescent inks, because standard CMYK can't reproduce them.
| HEX | #39FF14 | |
|---|---|---|
| RGB | rgb(57, 255, 20) | |
| HSL | hsl(111, 100%, 54%) | |
| HSV | hsv(111, 92%, 100%) | |
| CMYK | cmyk(78%, 0%, 92%, 0%) |
Text on Neon Green
Black text reads better on Neon Green. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Neon Green
Neon Green tints and shades
Tints mix Neon Green with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Neon Green color schemes
Color-wheel harmonies built by rotating the hue of #39FF14 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Neon Green color meaning
Neon green is about being seen. Fluorescent yellow-greens are used on safety vests, cycling gear, and warning signs because they stand out in daylight and at dusk. The name is loose: neon gas itself glows red-orange, and green signs use other gases or coated tubes.
In culture it means party and energy. Glow sticks, rave flyers, and 1980s and 1990s streetwear all leaned on neon colors, and gaming and esports brands use it for a digital, high-energy look. Highlighter pens made it an office color too.
It can also read as toxic or alien: the color of slime and radioactive goo in cartoons. Whether it feels fun or unsettling depends heavily on what surrounds it. Horror and science fiction use it for the same reason, to mark something unnatural.
How to use Neon Green in design
Neon green works best as a small, sharp accent: a button, a sticker, a line of type on black, or a highlight in a sports or gaming graphic. Use black text on neon green backgrounds, since white is unreadable. On white it's hard to see, so put it on black, charcoal, or deep purple, where it looks brightest. Keep it to small areas on websites, because large blocks cause eye strain. In fashion it's a statement color for sneakers, activewear, and festival outfits.
Palettes with Neon Green tones
Curated palettes with a color close to #39FF14.
Colors similar to Neon Green
Work with Neon Green
Neon Green FAQ
What is the difference between neon green and chartreuse?
Chartreuse sits exactly halfway between yellow and green, so it looks more yellow and slightly acidic. Neon green is closer to pure green with a small yellow tilt, and it reads as a highlighter or glow stick. Both are very bright, so both need dark text and dark backgrounds.
What colors go with neon green?
Dark colors make neon green look its best: black, charcoal, gunmetal, and deep purple. Hot pink and electric blue give a loud, retro neon palette. For clothing, pair it with black, gray, or white so it reads as a deliberate accent. Avoid pastels, which make it look harsh.