Skip to main content

Electric blue

Everything you need to know about electric blue to inspire your next design.

Pick a palette type

What color is electric blue?

Electric blue is a vibrant, attention-grabbing shade within the color wheel's blue-violet range, close to cyan. Electric blue creates a sense of energy and innovation. It is a strong choice for design elements, such as alerts, to attract a user's attention.

electric blueelectric blue

What does electric blue look like on digital screens?

Electric blue is represented by specific color codes and values in the digital world to ensure consistency across platforms and devices.

  • HEX code: #00F0FF
  • RGB value: 0% red, 94.1% green, and 100% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use electric blue in UI design?

Here are some ways to use electric blue in your designs:

  • Use it sparingly. Electric blue is an exciting, vibrant color to work with in UI design, but it can be stressful on the eyes. Use electric blue in limited capacities, like for accents instead of backgrounds.
  • Convey visual feedback. Consider using electric blue as a color for embedded hyperlinks or button hover effects.
  • Call attention to alerts. Electric blue works well for alerts and small pop-ups due to its bright appearance.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors to electric blue?

For variations within the same vibrant, energetic spectrum as electric blue, consider:

  • Cyan (#00FFFF) is a brighter color option within the blue-green family, offering a more vivid appearance.
  • Cerulean (#007BA7) is bolder and darker than electric blue but complements the color with its richness.
  • Turquoise (#40E0D0) is similar to electric blue but offers more green for a refined, cool color option.
  • Powder blue (#B6D0E2) is ideal for those seeking a color similar to electric blue but with less vibrancy.

What colors go with electric blue?

To complement electric blue, consider pairing it with:

  • Neon yellow (#FFFF33) is a perfect high-energy match for electric blue, providing a bit of contrast for a dynamic, balanced flair.
  • Silver (#C4C4C4) can help add elegance to electric blue design palettes, offering a reserved color with metallic shine.
  • Magenta (#FF00FF) provides a strong contrast against electric blue, making it perfect for calling attention to detail.
  • Sunshine yellow (#FFFD37) is an excellent option to inject cheerful energy into a design palette with electric blue.

Other colors that work well with electric blue include charcoal gray and white, which are good choices for elements that need a more neutral appearance. Black is also a strong color contender, providing a strong background for electric blue.

What colors conflict with electric blue?

While electric blue is bold and vibrant, it may clash with:

  • Olive green (#636B2F) has contrasting warm undertones that don’t harmonize well with the cooler, electric blue tones.
  • Dark brown (#5C4033) has warm, earthy tones that don’t complement the cool vibrancy of electric blue.
  • Teal (#069494) is too similar to electric blue, meaning it will likely fight for attention within your color palette.
  • Red (#FF2C2C) is a primary color that creates a contrast that is too jarring against electric blue, making it feel unbalanced.

What does electric blue symbolize? 

Electric blue symbolizes innovation, energy, and modernity. In recent years, organizations have used electric blue in branding to symbolize technology, especially in the telecommunications and electronics industries.

In color psychology, electric blue can evoke feelings of stability and security. In some situations, electric blue can also stir feelings of confidence and optimism.

Electric blue is often used as an accent color in UI design. Its bright, vivid appearance can be overwhelming in large quantities. However, the same properties make it ideal for accents or callouts to draw attention.

What’s the history of electric blue? 

Electric blue was first mentioned in the late 19th century as technology rapidly advanced. The term was inspired by the intense blue light of electrical sparks and the ionized airglow of electrical discharges, reflecting its association with the era's technological innovations. Distinguished from traditional blues by its vibrancy and modernity, electric blue is popular in fashion and design today for its bright, bold flair.

Color variations

Shades

Tints

Tones

Hues

Color harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom palettes

Blue Radiance

Electric Fusion

Cool Waters

Accessibility

Contrast checker

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #00F0FF text on a #FFFFFF background.

1.41:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Fail
AA
3:1
Fail
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #00F0FF text on a #000000 background.

14.91:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Pass
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #00F0FF, known as electric blue, has RGB values of R:0, G:240, B:255, and CMYK values of C:100, M:6, Y:0, and K:0.

VALUECSS
HEX00F0FF#00F0FF
RGB DECIMAL0, 240, 255RGB(0,240,255)
RGB PERCENTAGE0, 94.1, 100RGB(0%,94.1%,100%)
CMYK100, 6, 0, 0
HSL183.5°, 100, 50HSL(183.5,100%,50%)
HSV (OR HSB)183.5°, 100, 100
WEB SAFE00FFFF#00FFFF
CIE-LAB86.768, -41.491, -20.677
XYZ49.205, 69.535, 105.43
xyY0.219, 0.31, 69.535
CIE-LCH86.768, 46.358, 206.489
CIE-LUV86.768, -65.543, -27.105
HUNTER-LAB83.388, -40.601, -16.591
BINARY00000000, 11110000, 11111111
iOS - SwiftUIColor(red: 0.0, green: 240.0/255.0, blue: 1.0)
iOS - UIKitUIColor(red: 0.0, green: 240.0/255.0, blue: 1.0, alpha: 1.0)
Android - ComposeColor(0xFF00F0FF)