Neon & Cyberpunk

The defining characteristic of neon colors is their extreme saturation combined with high brightness, values that push the limits of what a display can render. For a color to "glow" like neon, it needs high luminance (it must be visually bright) and maximum saturation (it must carry no grey). Electric cyan (#00FFFF), hot pink (#FF00FF), and vivid lime (#CCFF00) are canonical neon values.

In practice, slightly desaturated near-neons often work better in UI contexts than pure maxed-out values: #00E5FF instead of #00FFFF, #FF6FFF instead of #FF00FF. These retain the neon aesthetic while being slightly less aggressive and easier to read against dark backgrounds at typical screen brightness levels.

Neon palettes absolutely require dark backgrounds to function. On white, neon colors lose their glow effect entirely, they look like vivid highlighters rather than glowing tubes. The contrast effect that creates the neon glow requires dark surroundings.

For dark neon interfaces, the typical approach is: near-black or very deep dark blue/purple as the base background, neon accents for primary actions and highlights, and mid-saturation versions of the neon colors for secondary elements. Pure neon should be used sparingly, large areas of neon green on black are genuinely fatiguing to look at for extended periods.