Hey friend! I've moved all my Bible studies and devotionals to Search His Pages
#CCFF00
PANTONE 13-0645 TCX
COLOR GUIDE Warm-Yellow-Green

Neon Yellow

Electric, Bold, Energetic
Hex
#CCFF00
RGB
204, 255, 0
CMYK
20%, 0%, 100%, 0%
HSL
72°, 100%, 50%
ABOUT & ORIGIN

What is Neon Yellow? Where does the name come from?

Also known as: Lemon Yellow, Chartreuse

Neon Yellow is a bright, electric yellow with a noticeable green undertone. It’s one of the most intense yellows you can find, with a brightness that makes it feel almost glowing. The color takes its name from neon lights, which have this distinctive electric yellow-green glow. Neon Yellow is noticeably brighter than lemon yellow and has more green influence than chartreuse. It’s also lighter than lime green but more intense than spring green. This is a yellow that feels electric and modern, like a neon sign.

Designer note:

Neon Yellow is often confused with lemon yellow or chartreuse. Lemon yellow is more pure and less green-toned, while chartreuse has more green influence. Neon Yellow’s main distinction is its electric brightness and green undertone, giving it a bold, modern quality that feels almost glowing.

MEANING SPECIFIC TO NEON YELLOW

Psychology of Neon Yellow

Neon Yellow is associated with energy, excitement, and modernity. It’s the color of neon signs and high-visibility safety gear, where its brightness adds to the sense of attention and urgency. In psychology, neon yellow tends to create a sense of excitement and alertness, but with a modern quality that feels cutting-edge. It’s often used in youth-oriented and high-energy branding, where its bold quality adds to the appeal. The color also has associations with nightlife and urban environments, adding a sense of energy to its psychology.

Where you'll see it

• Youth-oriented and high-energy brands
• Safety and high-visibility products
• Nightlife and entertainment brands
• Sports and activewear brands
• Modern and cutting-edge products

🎨 COLOR HARMONIES USING NEON YELLOW

Find The Perfect Neon Yellow Color Palette

Neon Yellow Color Palettes

Complementary
#ccff00
#3300ff
Monochromatic
#feff32
#e5ff19
#ccff00
#b3e600
#9acd00
Triadic
#ccff00
#00ccff
#ff00cc
Analogous
#ff3300
#ffb300
#ccff00
#4dff00
#00ff33
Shades
#afdb00
#93b800
#769400
#5a7000
Tints
#d6ff33
#e0ff66
#ebff99
#f5ffcc
Want to make your own palette?
Generate palettes from any photo
Use Palette Generator →
USING NEON YELLOW

Tips & Ideas On Where To Use Neon Yellow

Interior & Decor

Neon Yellow works best as an accent color in interiors. It’s a bold choice for modern spaces, home offices, and creative studios where a high-energy atmosphere is desired. The color appears in decorative objects, furniture accents, and artwork. Neon Yellow pairs well with white, gray, and black for a modern, graphic look, or with navy and charcoal for a more dramatic effect. In smaller doses, neon yellow appears in throw pillows, artwork, and accessories, adding a bold pop of color to any space.

Best white to pair: #FFFFFF - Pure White

Fashion & Style

Neon Yellow is a bold, modern color for fashion. It works well in statement pieces and activewear, appearing in jackets, sneakers, and accessories where its brightness adds impact. The color is also popular in streetwear and high-fashion collections. It pairs well with black, white, and gray. In accessories, neon yellow bags, shoes, and jewelry add a bold, energetic touch to neutral outfits.

Design Tips

• Use neon yellow for brands that want to convey energy and modernity
• In interiors, it works best as an accent color for modern spaces
• Pair with white, gray, and black for a modern, graphic look
• In fashion, it’s a bold choice for statement pieces and activewear

ACCESSIBILITY

How To Use Neon Yellow For Text & Backgrounds

WCAG AA 4.5:1
On Black Background
Slate Blue Heading
This is how paragraph text looks when Neon Yellow is used on a dark background.
Checking…
On White Background
Slate Blue Heading
This is how paragraph text looks when Neon Yellow is used on a light background.
Checking…
Neon Yellow As Background
White on Neon Yellow
Paragraph text on a Neon Yellow background - does it remain readable?
Checking…
Black on Neon Yellow
Black on Neon Yellow
Paragraph text on a Neon Yellow background with black text - does it remain readable?
Checking…
Not quite passing? Adjust shades until you get 4.5:1
Open Contrast Checker →
FREE COLOR TOOLS

Use Our free Tools To Find The Perfect Colors To Use With Neon Yellow

EXPLORE MORE

Visit Our Other Color Libraries

Quick Codes

HEX #CCFF00
RGB 204, 255, 0
CMYK 20%, 0%, 100%, 0%
LRV 78

At a Glance

FamilyYellow
TempWarm
UndertoneYellow-Green

Pairs Well With

Neon Yellow #CCFF00
Lightest Tint #f5ffcc
Darkest Shade #5a7000
Analogous Left #ffb300
Analogous Right #4dff00
Complementary #3300ff