Electric Blue
A luminous cyan with high energy
Electric Blue is a high-saturation, luminous cyan that feels bright and energetic. Because of its intense glow, it functions best as a 10% accent color rather than a full-page background, where it risks overwhelming the viewer. Pair the hex code #7df9ff with deep charcoal or slate gray to anchor its brilliance. It maintains high readability against black text for clean, modern interface designs.
About Electric Blue
Sunlit pool water the moment you dive in
What does electric blue mean?
Electric blue often brings to mind fresh water, cold weather, and clean technology. Its extreme lightness and strong saturation give it a glowing, almost electric quality.
Where you see electric blue
- swimming pool water
- glacier ice
- aquarium gravel
- neon signs
- frosted glass
- winter morning sky
What it works for
Use it for accents that need to sparkle, like highlights, gradients, and buttons on dark backgrounds.
What colors go with electric blue?
Hot Pink #ff028dThe neon pink pushes the cyan's brightness further and creates a bold, jazzy clash.Coral #ff7f50Warm coral balances the cold cyan, making the pair feel tropical rather than icy.Indigo #4b0082Deep indigo grounds the glowing cyan and gives the combination depth and weight.Chartreuse #c1f80aBoth sit near full saturation, so the pairing feels electric and high energy.Lilac #c8a2c8Soft lilac matches the pale value while adding an opalescent, iridescent quality.Charcoal #36454fDark charcoal makes the light cyan read as a bright, sparkling highlight.
Questions about Electric Blue
What is the hex code for Electric Blue?
Electric Blue is #7df9ff. In RGB that is rgb(125, 249, 255), in HSL hsl(183, 100%, 75%) and in CMYK 51%, 2%, 0%, 0%.
How do you best use Electric Blue (#7df9ff) in UI design?
Use Electric Blue sparingly as an accent color for buttons, alerts, or specific data visualizations rather than a background. Because of its intense, luminous quality, it can easily overpower other elements, so pair it with charcoal or deep slate to anchor the design.
Is Electric Blue (#7df9ff) considered a warm or cool color?
Electric Blue is decidedly cool, sitting on the spectrum between cyan and light blue. Its high saturation and luminosity make it feel colder and more synthetic than standard sky blues, which is why it often appears artificial or neon in appearance.
Is Electric Blue readable on white or black?
Electric Blue has a 1.24:1 contrast ratio on white and 16.86: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.