Electric Yellow
Intense, high-energy hue for bold accents
Electric Yellow is a high-saturation, luminous hue that demands attention. Because this shade is so aggressive, it functions best as a 10% accent rather than a full background. Pair it with deep charcoal or black for maximum contrast and readability. The hex code for Electric Yellow is #fffc00. Use this color sparingly in UI design to highlight calls to action or alert states.
About Electric Yellow
Fresh tennis balls spilled on warm asphalt
What does electric yellow mean?
Yellow this bright commonly signals caution, attention, and cheer, so it often appears on warning signs, safety gear, and school buses. With almost no darkness in it, this color feels less like a surface and more like light itself, radiant and forward.
Where you see electric yellow
- tennis balls
- highlighter ink
- sticky notes
- caution signs
- rain slickers
- school buses
What it works for
Use it for highlights, call-to-action buttons, sports equipment, and packaging that must be spotted from across a store.
What colors go with electric yellow?
Charcoal #36454fA near-black dark grounds the glow without muddying it.Teal #008080Teal pulls cool where this color pulls warm, so each keeps its edge.Olive #808000Olive's grayed green softens the glare with an earthy counterweight.Magenta #ff00ffMagenta matches the energy while sitting at the far end of the wheel.
Questions about Electric Yellow
What is the hex code for Electric Yellow?
Electric Yellow is #fffc00. In RGB that is rgb(255, 252, 0), in HSL hsl(59, 100%, 50%) and in CMYK 0%, 1%, 100%, 0%.
How should I use Electric Yellow #fffc00 in web design?
Use Electric Yellow #fffc00 sparingly as a functional accent for calls-to-action or alert states rather than a background. Because of its extreme brightness, it requires significant contrast to remain readable, so pair it with dark charcoal or pure black text for the best results.
Is Electric Yellow readable on white or black?
Electric Yellow has a 1.09:1 contrast ratio on white and 19.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.