The Electric Blue Color Code: HEX, RGB, CMYK

Few colors stop people mid-scroll the way electric blue does.

It is a cool, tertiary color sitting between blue and cyan on the color wheel, built from high-saturation blue and green light with RGB values of (125, 249, 255). The color reads as vivid, almost neon, and carries strong associations with technology, energy, and modern design.

This guide covers everything from its hex code and color palettes to how it performs in fashion, interiors, branding, and paint mixing.

By the end, you will know exactly how and when to use it.

Electric Blue Color Codes

Electric blue sits between blue and cyan on the color spectrum. It carries an almost neon-like intensity that makes it instantly recognizable.

Below are the standard color codes used across digital and print.

• HEX: #7DF9FF
• RGB: 125, 249, 255
• CMYK: C: 51% / M: 2% / Y: 0% / K: 0%
• HSL: 182.8 degrees, 100% saturation, 74.5% lightness

In the RGB color model, electric blue is built almost entirely from green and blue light, with a minor red component. That combination is what gives it the cool cyan lean rather than a pure blue.

The CMYK breakdown confirms this. Cyan dominates at 51%, while magenta, yellow, and black stay near zero. For print jobs, this is worth knowing because the color can shift slightly depending on paper stock and printer calibration.

Its hue angle sits at about 183 degrees, placing it firmly in the cyan-blue zone of the color wheel. The saturation is maxed out at 100%, which explains the vivid, almost electric quality when you see it on screen.

If you need a print-accurate match, the closest Pantone reference is PMS 305 C (HEX #59CBE8), though the exact match depends on which version of electric blue you are referencing. There are a few variations in circulation.

You can also use an RGB to HEX Converter or a HEX to RGB Converter to quickly translate these values for any project. For print workflows, the RGB to CMYK converter saves time.

—

Electric Blue Color Palettes

Electric blue works across multiple color palette types. Each harmony brings a different visual mood.

Use a color palette generator to explore additional custom combinations based on these harmonies. And if you want to check that your chosen pairing passes accessibility standards, the color contrast checker is worth bookmarking.

—

Electric Blue Shades

Electric blue covers a wide range of tints, tones, and shades, from near-white icy blues to deep saturated near-navy versions. Each variation shifts in brightness and lightness while keeping that core cyan-leaning hue.

Some lean closer to cyan, others pull toward neon blue. The differences are subtle but matter a lot in design contexts.

Electric blue covers multiple variations including pale electric blue, light electric blue, medium light electric blue, the original #7DF9FF, medium dark, dark, and very dark shades.

Each variation differs in brightness and lightness, with lighter tints leaning toward white and darker shades dropping toward near-black teal.

The core tones stay consistent in their cyan-blue character, but the perceived intensity shifts significantly across the range.

—

What Are the Primary Attributes of Electric Blue?

Electric blue has five defining attributes: high saturation (100% in HSL), a cyan-dominant hue (183 degrees), near-maximum lightness (74.5%), cool tone character, and strong visual energy tied to technology and electricity.

These qualities sit at the intersection of color theory and real-world perception.

The full saturation is what separates electric blue from softer blues like powder blue or pastel blue. It demands attention without requiring a dark background.

—

How Is Electric Blue Used in Interior Design?

Electric blue functions as a bold accent color in interior design, adding energy and visual focus to spaces that would otherwise feel flat.

Designers use it on feature walls, cushions, rugs, and decorative objects. Rarely as a dominant wall color across an entire room.

It pairs well with white, gray, and charcoal. These neutrals let the blue breathe without competing. Pairing it with warm tones like mustard or terracotta creates more tension, which can work well in eclectic or maximalist spaces.

In contemporary and Scandinavian-influenced interiors, electric blue shows up as a single statement piece. A sofa, a lamp, or a piece of art. That one pop of saturated color is usually enough.

It’s also used in neon-themed or tech-inspired spaces where the color reinforces a forward-looking, high-energy mood. Think home offices, gaming rooms, and commercial spaces targeting younger audiences.

—

What Psychology and Emotions Does Electric Blue Evoke?

Electric blue evokes energy, confidence, clarity, and creativity through its associations with electricity, technology, and water.

Color psychology research shows that vibrant blues like this one can boost focus and signal innovation, making them a go-to for tech brands and creative studios.

The high saturation gives it a stimulating quality that differs from calmer blues. Where sky blue soothes, electric blue activates.

It can also carry associations with the supernatural and futuristic, which is why it appears heavily in sci-fi design, gaming visuals, and digital art. There is something about the color that just reads as “not quite natural.”

One thing worth knowing: electric blue is believed to suppress appetite, so it is generally avoided in food packaging, restaurant branding, and anything tied to eating. Most designers know this instinctively, but it is easy to overlook when a client loves the color.

—

How Is Electric Blue Applied in Fashion and Clothing?

Electric blue works as a statement color in fashion, offering high visibility and a modern edge across garment types including dresses, suits, jackets, and accessories.

Fashion designers use it for its contrast against both light and dark skin undertones, its seasonal flexibility, and its ability to read as bold without crossing into aggressive.

It shows up regularly in streetwear, athleisure, and runway collections. It is one of those colors that looks as comfortable in a tailored blazer as it does in a puffer jacket or sneaker colorway.

The color pairs cleanly with black, white, and silver. More adventurous combinations with orange or yellow work well in editorial and streetwear contexts but need careful handling for everyday wear.

Electric blue has been a recurring trend color for several years now, and it does not seem to be fading. If anything, its association with technology and digital culture keeps it feeling current.

—

What Colors Complement and Contrast With Electric Blue?

Electric blue complements white, silver, gray, black, and navy, while contrasting strongly with orange-red, warm yellow, and coral.

These combinations produce palettes that use electric blue’s intense saturation as a focal point against neutrals or warm-toned counterparts.

Complementary Colors

Electric Blue + White

• Color Theory Basis: High contrast between saturated hue and neutral achromatic creates clarity
• Visual Effect: Clean, modern, and airy
• Best Applications: Web design, product packaging, signage
• Ratio Recommendation: 80% white / 20% electric blue
• Example Uses: Tech product landing pages, medical branding, minimal UI

Electric Blue + Black

• Color Theory Basis: Dark neutral amplifies the luminosity of the saturated blue
• Visual Effect: High-energy, dramatic, futuristic
• Best Applications: Gaming visuals, nightclub branding, luxury tech
• Ratio Recommendation: 70% black / 30% electric blue
• Example Uses: Event posters, dark-mode UI, sneaker packaging

Electric Blue + Silver / Gray

• Color Theory Basis: Cool tones reinforce each other without competing
• Visual Effect: Sleek, sophisticated, technological
• Best Applications: Corporate branding, automotive design, electronics
• Ratio Recommendation: 60% gray / 40% electric blue
• Example Uses: Software company branding, product renders, print design

Electric Blue + Navy Blue

• Color Theory Basis: Tonal variation within the same hue family creates depth
• Visual Effect: Layered, polished, confident
• Best Applications: Finance, fashion editorial, corporate identity
• Ratio Recommendation: 65% navy / 35% electric blue
• Example Uses: Annual reports, tailored fashion lookbooks, website headers

Contrasting Colors

Electric Blue + Orange-Red

• Contrast Type: Direct complementary (opposite on the color wheel)
• Visual Impact: High-voltage, attention-grabbing
• Best Applications: Posters, advertising, sports branding
• Balance Strategy: Keep orange-red as a small accent, 10-15% of the composition

Electric Blue + Warm Yellow

• Contrast Type: Split-complementary
• Visual Impact: Energetic, playful, optimistic
• Best Applications: Youth-focused branding, packaging, social media graphics
• Balance Strategy: Use yellow sparingly as a highlight or typographic accent

Electric Blue + Coral

• Contrast Type: Warm-cool contrast
• Visual Impact: Fresh, modern, vibrant without being aggressive
• Best Applications: Lifestyle brands, wellness, summer campaign visuals
• Balance Strategy: Equal or near-equal split works here, especially with white as a buffer

Color Scheme Types

• Monochromatic: Uses tints, tones, and shades of electric blue, from pale icy versions down to deep teal. Cohesive and calm.
• Analogous: Pairs electric blue with nearby colors on the wheel, like cyan and teal. Harmonious and easy to work with.
• Triadic: Combines electric blue with magenta-pink and yellow. High contrast but balanced across three points.
• Split-Complementary: Electric blue with red-orange and yellow-orange. Less tension than a straight complementary pair.
• Tetradic: Two complementary pairs that include electric blue. Complex but flexible if you anchor with neutrals.

Practical Pairing Guidelines

• 60-30-10 Rule: Electric blue works best as the 10% accent in most designs. Use a neutral (white, gray, or black) for 60%, a secondary color for 30%, and let the electric blue pop as the accent.
• Accent Color Strategy: Apply electric blue to call-to-action buttons, highlights, or borders. It naturally draws the eye, so it does not need much surface area to have an impact.
• Neutral Bridging: When pairing electric blue with warm colors, always introduce a neutral buffer. White or light gray between the blue and orange prevents visual clash and keeps the composition readable.

—

How Does Electric Blue Differ From Similar Cool Colors?

Electric blue differs from cobalt blue (darker, purple-leaning), royal blue (deeper, more saturated mid-blue), cyan (similar but cooler and more green), and teal (more green, lower brightness) through its specific balance of maximum saturation, high lightness, and a near-183-degree hue angle.

That combination keeps it in a unique position: brighter than cobalt, lighter than royal blue, and more blue-leaning than pure cyan.

Visual Comparison

—

How Do You Create Electric Blue in Different Mediums?

Create electric blue by mixing cyan with white in paint, by setting RGB values to approximately (125, 249, 255) in digital applications, or by using a CMYK breakdown of C:51 / M:2 / Y:0 / K:0 for print.

The key is keeping cyan dominant while minimizing red and eliminating yellow entirely.

Acrylic Paint

Start with a cyan or phthalo blue base. Add titanium white in small amounts until you hit the right brightness. The goal is a light, vivid result, not chalky.

• Base colors: Phthalo blue (PB15) or cyan acrylic
• Mixing ratio: Roughly 60% blue / 40% white as a starting point
• Process: Add white gradually. Test on scrap paper and let it dry before committing, since acrylics often dry slightly darker.
• Common mistake: Adding too much white too fast, which kills the saturation
• Tip: A tiny drop of green can nudge the hue toward the 183-degree sweet spot if the result looks too purple

Oil Paint

Use phthalo blue or cerulean as your base pigment. Oils mix more slowly and the color shifts during drying, so test patches are important.

• Pigments: Phthalo blue (PB15), cerulean (PB35), titanium white
• Technique: Work in thin layers, build the lightness gradually
• Drying note: Oil colors tend to deepen as they dry. Err slightly lighter when mixing.

Watercolor

Transparent cerulean or phthalo blue works well. Dilute heavily with water and layer up to build intensity.

• Pigment selection: Phthalo blue (green shade) for transparency
• Dilution: Start at 1 part pigment to 4 parts water, then reduce water for more intensity
• Layering: Let each layer dry fully before adding another to avoid muddying the result

Gouache

Gouache behaves like a more opaque watercolor. Mix cyan gouache with white gouache for a flat, matte electric blue. The opacity makes color matching more predictable than with transparent watercolor.

Print / CMYK

• Cyan: 51%
• Magenta: 2%
• Yellow: 0%
• Black: 0%
• Printing note: Coated paper preserves the vibrancy better than uncoated stock. Expect some color shift when moving from screen (RGB) to print (CMYK).
• Pantone match: PMS 305 C is the closest standardized reference (HEX #59CBE8). The standard #7DF9FF hex version sits slightly brighter than most Pantone physical swatches.

When moving between mediums, use an HSL to RGB converter or the CMYK to RGB converter to verify your values stay consistent across outputs.

—

What Are the Best Practices for Using Electric Blue in Design?

Best practices include using electric blue as an accent rather than a dominant color, pairing it with high-contrast neutrals, testing against WCAG contrast standards for text use, and avoiding it entirely in food-related design contexts.

Designers should also consider the medium. Electric blue looks noticeably different on screen versus in print, and that gap can catch clients off guard if you do not flag it early.

One thing I always check: accessibility. Electric blue on a white background has a contrast ratio of roughly 1.2:1, which fails WCAG for body text. It works fine as a background color with dark text on top, but do not use it as a text color on white without running the numbers first. The color contrast checker makes this quick to verify.

In web design, electric blue functions well for hover states, progress bars, active navigation indicators, and highlighted UI elements. It draws the eye without needing any other visual tricks.

For print design and poster design, a dark background brings out the full intensity of the color. On white, it reads bright but loses some of its “electric” quality.

Understanding contrast and visual hierarchy is important when placing electric blue in a layout. Because the color is so saturated, it automatically sits at the top of the visual order. Everything around it will appear secondary unless you deliberately work to counterbalance it.

—

What Role Does Electric Blue Play in Branding and Marketing?

Electric blue plays a high-energy accent role in branding and marketing, communicating innovation, confidence, and technological edge to consumers. Research shows saturated blues boost perceived trustworthiness and clarity, making electric blue effective for tech startups, creative agencies, and sports brands seeking a bold, forward-looking identity.

It shows up frequently in gaming, fintech, and software products. Less often in healthcare or finance, where deeper, calmer blues tend to dominate.

The color signals modernity without effort. If a brand wants to look current and digital-native, electric blue does that job faster than most colors.

That said, it is a strong personality. Brands that lean subtle or traditional tend to avoid it. And honestly, that makes sense. Not every brand should use it. The impact comes partly from the fact that it still feels distinct rather than generic.

For logo design, electric blue works best when paired with a neutral secondary. Using it as the sole color in a logo can feel overwhelming at small sizes or on certain backgrounds. Understanding logo design principles helps manage this.

In packaging design, the color commands shelf presence. It is hard to miss. That is an advantage in competitive retail environments, but it narrows the category fit. Electric blue packaging reads as tech, sports, or energy, not gourmet food or luxury cosmetics.

If you are building out brand guidelines that include electric blue, be specific about the exact hex and CMYK values. Without those guardrails, the color tends to drift across applications, and what starts as #7DF9FF can end up looking like a dozen different blues depending on who is executing the work.

FAQ on Electric Blue Color

What Is the Hex Code for Electric Blue?

The standard electric blue hex code is #7DF9FF. Its RGB values are (125, 249, 255), and the CMYK breakdown is C:51 / M:2 / Y:0 / K:0. These values apply across digital and print applications for consistent color reproduction.

What Colors Go With Electric Blue?

Electric blue pairs well with white, black, gray, and silver. For contrast, orange-red works as its direct complementary color. Navy blue, coral, and warm yellow also work depending on context. Neutral backgrounds let the color’s intensity do the work.

What Does Electric Blue Symbolize?

Electric blue symbolizes energy, innovation, confidence, and clarity. It carries strong associations with technology and electricity. In color psychology, it signals forward-thinking ideas and creativity, which is why it appears so often in tech branding and digital design.

Is Electric Blue a Warm or Cool Color?

Electric blue is a cool color. Its hue angle sits at roughly 183 degrees, placing it in the cyan-blue zone. It has no warm undertones. That cool character makes it feel crisp and modern rather than soft or approachable.

What Is the Difference Between Electric Blue and Royal Blue?

Royal blue is deeper, darker, and has a slight purple lean. Electric blue is much lighter, more saturated, and leans toward cyan. They fit different design needs. Royal blue reads as formal and classic. Electric blue reads as modern and high-energy.

What Is the Difference Between Electric Blue and Cobalt Blue?

Cobalt blue is darker and more intense, with a slight purple-blue quality. Electric blue is brighter and sits closer to cyan on the spectrum. Cobalt works well in fine art and ceramics. Electric blue is more at home in digital design and tech branding.

How Do You Make Electric Blue Paint?

Mix cyan or phthalo blue acrylic with titanium white. Start with a generous blue base, then add white gradually. Test on scrap paper and let it dry before judging the result, since acrylic paint often dries slightly darker than it looks when wet.

Is Electric Blue Used in Interior Design?

Yes, but usually as an accent color rather than a dominant wall color. It works well on feature walls, cushions, rugs, and decorative pieces. Pairing it with gray, white, or charcoal keeps the look balanced. It suits contemporary, tech-inspired, and maximalist interiors well.

What Emotions Does Electric Blue Evoke?

Electric blue evokes energy, excitement, confidence, and creativity. It can feel futuristic or slightly supernatural. Unlike calmer blues, its high saturation activates rather than soothes. It is also believed to suppress appetite, making it a poor choice for food branding or restaurant design.

Is Electric Blue Good for Branding?

Yes, for the right industries. Electric blue works well for tech, gaming, sports, and creative brands. It signals modernity and confidence. It is less suited to luxury, food, or traditional sectors. Used as an accent in a brand color palette, it adds energy without overwhelming the overall identity.

Conclusion

This article presenting electric blue color has covered everything from its hex code and CMYK values to its role in fashion, interiors, and branding.

The color is distinctive for a reason. Its maximum saturation, cyan-leaning hue, and near-neon brightness make it one of the most recognizable bold blue shades in design.

Whether you are building a blue color palette, choosing an accent for a room, or deciding on a brand identity color, electric blue brings clarity and visual energy that few other hues can match.

It works across mediums, from pixel-level screen design to physical paint mixing.

Use it with intention, anchor it with neutrals, and it will consistently deliver strong results.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• Canva vs Figma: Which Should Designers Actually Use? - 6 August 2026
• The Dualshockers Logo History, Colors, Font, And Meaning - 4 August 2026
• Elegant Cormorant Garamond Font Pairing Inspiration - 3 August 2026