Neon Fuchsia
#fe4164
Sharper neon magenta-red punch than coral cousins
About Neon Fuchsia
Neon Fuchsia hits different on a dark mockup. Where the Orange family shades around it lean toward red heat, this one stays unmistakably pink-red and looks almost electrically inked, not flared. It reads more magenta-leaning than Hotter Than Hell, and it's far less close to crimson than Blood Burst, so it doesn't feel like an alarm siren. Instead, it's the high-saturation punch you notice without needing to brace.
I use it when a UI needs urgency with style, especially in real-time monitoring alerts and live media workflows where the highlight keeps updating. Think incident queues in logistics portals, payments exception states, and event status banners that should look "active" not "deadly." Compared to Magic Potion, it feels cooler and sharper in tone, with a tighter edge that won't soften into a glossy badge vibe.
Pair it with near-black or cool grays and give it breathing room. Let it live on borders, tags, and accent states, not full warm panels, or it starts to look like it's buzzing.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
