Electric Blue
Electric Blue (#7DF9FF) is a color defined by its pure digital vibrancy. This striking cyan variant has a high-frequency glow that pushes the limits of screen saturation, immediately capturing the eye and injecting a palpable sense of energy into any composition.
What color is Electric Blue?
Electric Blue is a vivid shade of cyan, defined by its high saturation and brightness that create an almost luminous appearance.
As a cool color, it has noticeable green undertones that distinguish it from truer blues on the spectrum.
What is the meaning of the color Electric Blue (#7DF9FF)?
Electric Blue pulses with an energy that suggests innovation and forward-thinking.
It combines the trustworthiness of blue with a vibrant intensity, symbolizing confidence and clarity in the digital age.
How can I use Electric Blue in my UI design?
Electric Blue (#7DF9FF) is a high-energy color that works best as an accent to draw attention to key elements like buttons, links, or notifications. For a sharp, modern look, pair it with a monochromatic scheme of black, white, and grays. This contrast makes the vibrant blue pop without overwhelming the user.
While not a widely adopted primary brand color, some companies like Remote use a similar shade to project a fresh and innovative identity. Using a less common color like Electric Blue can be a powerful way for a product to differentiate itself visually.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Electric Blue looks in real UI components from top brands.
How do I use the Electric Blue color codes?
When working with Electric Blue, the hex code #7DF9FF is your most direct path for digital applications. For consistency, always use this specific code to ensure the color appears the same across different design files and platforms.
While hex codes are standard for the web, you'll need to convert #7DF9FF for other uses. RGB values are for digital screens, defining the color through red, green, and blue light. For print, you'll need the CMYK values. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To help you get started, we've converted Electric Blue (#7DF9FF) into a range of popular formats. Find the exact codes you need for your project below and copy them with a click.
Analogous
An analogous scheme pairs Electric Blue with its neighbors on the color wheel, resulting in a unified and serene visual experience for users.
Complementary
Complementary colors are opposites on the color wheel. For Electric Blue, its complement creates a striking visual contrast, making both hues appear more vibrant.
Split Complementary
A split complementary palette pairs Electric Blue with the two colors neighboring its direct complement, creating a vibrant yet balanced and harmonious look.
Triadic
A triadic color scheme uses three colors evenly spaced on the color wheel. Using Electric Blue as a base creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for Electric Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a rich, four-color palette.
Square
Square color schemes pair Electric Blue with three other colors, all evenly spaced on the color wheel for a lively and contrasting effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Electric Blue are created by adding black, giving the color more depth and weight.
Tints
Tints of Electric Blue are lighter values made by adding white for a softer, airier feel.
Tones
Tones are created by adding gray to Electric Blue, softening its saturation for a subdued appearance.
Hues
Hues are variations of Electric Blue, differing in intensity or temperature to create specific moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
