Electric Banana
#fbff00
Neon chartreuse flash, brighter than Banana King
About Electric Banana
Electric Banana is what happens when you push yellow all the way to white without losing the yellow. It's lighter than everything around it, almost bleached, but the saturation stays just high enough that it doesn't disappear. This is pure brightness with a slight warm lean, not the committed gold of Banana King, not the sharp clarity of Bat-Signal. It sits there, luminous and almost gentle, which makes it harder to place than you'd think.
Reach for this in product highlights, call-to-action buttons, and data viz where you need yellow to feel approachable rather than aggressive. Medical dashboards, education platforms, wellness apps, places where the yellow needs to feel safe and readable at smaller sizes. It holds type cleanly, doesn't compete with imagery, and reads the same whether you're pairing it with cool or warm grays. It's the yellow that works when the layout can't afford tension.
The catch: this much lightness means it needs breathing room. Nest it next to Busy Bee or Bat-Signal and it'll fade. But alone, against the right gray, it's doing more work than it looks like it is.
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.