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.
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
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
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.
VALUE | CSS | |
---|---|---|
HEX | 00F0FF | #00F0FF |
RGB DECIMAL | 0, 240, 255 | RGB(0,240,255) |
RGB PERCENTAGE | 0, 94.1, 100 | RGB(0%,94.1%,100%) |
CMYK | 100, 6, 0, 0 | |
HSL | 183.5°, 100, 50 | HSL(183.5,100%,50%) |
HSV (OR HSB) | 183.5°, 100, 100 | |
WEB SAFE | 00FFFF | #00FFFF |
CIE-LAB | 86.768, -41.491, -20.677 | |
XYZ | 49.205, 69.535, 105.43 | |
xyY | 0.219, 0.31, 69.535 | |
CIE-LCH | 86.768, 46.358, 206.489 | |
CIE-LUV | 86.768, -65.543, -27.105 | |
HUNTER-LAB | 83.388, -40.601, -16.591 | |
BINARY | 00000000, 11110000, 11111111 | |
iOS - SwiftUI | Color(red: 0.0, green: 240.0/255.0, blue: 1.0) | |
iOS - UIKit | UIColor(red: 0.0, green: 240.0/255.0, blue: 1.0, alpha: 1.0) | |
Android - Compose | Color(0xFF00F0FF) |