Electric Blue

HEX: #7DF9FF | Modern Palette

On White
1.25:1
FAIL
On Black
16.87:1
PASS

Color Specifications

HEX
#7DF9FF
RGB
125, 249, 255
HSL
182°, 50% ,100%
CMYK
50.98, 2.35, 0, 0

About Electric Blue

Electric Blue (#7DF9FF) is a color with RGB(125, 249, 255) and HSL(182.77°, 50.98%, 100%). In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #FF837D, which creates strong contrast. Its triadic palette includes #FF7DF9 and #F9FF7D. The name comes from Electric Blue (English).

  • HEX: #7DF9FF
  • RGB: 125, 249, 255
  • HSL: 182.77°, 50.98%, 100%
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #FF837D
  • Triadic colors: #FF7DF9, #F9FF7D
  • The name comes from Electric Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Electric Blue #7DF9FF is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
ELECTRIC BLUE
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
ELECTRIC BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Electric Blue #7DF9FF pairs with #FF837D as its complementary color, and #FF7DF9 and #F9FF7D in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

ELECTRIC BLUE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

ELECTRIC BLUE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

ELECTRIC BLUE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

ELECTRIC BLUE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

ELECTRIC BLUE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

ELECTRIC BLUE

Shades & Tints

The shade and tint range for Electric Blue #7DF9FF moves from dark #00181A tones through the base color to lighter #E6FEFF tones, making it useful for depth, hierarchy, and background variation.

ELECTRIC BLUE

Color Characteristics

Mood
Style
Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #DEDEFF
Protanopia #EFEFFF
Tritanopia #7BFAFA
Achromatopsia #E6E6E6

Frequently Asked Questions

Electric Blue (#7DF9FF) is a color with RGB(125, 249, 255) and HSL(182.77°, 50.98%, 100%).

#7DF9FF pairs strongly with #FF837D as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#7DF9FF is suitable for Text, Button, Background and works well with Cool styles.

The name Electric Blue is linked to Electric Blue from English, meaning A vivid, bright blue color, reminiscent of the light produced by electrical discharges or neon signs..

Name, History & Etymology

Origin Word Electric Blue
Meaning A vivid, bright blue color, reminiscent of the light produced by electrical discharges or neon signs.
Language English
First Recorded Use Late 19th Century

History

The color 'electric blue' emerged as a descriptor during a period of rapid technological advancement and public excitement surrounding electricity. As electric lights became more common, their distinct blue-white glow, particularly from arc lamps, provided a new visual reference point. The term quickly became popular in fashion and interior design to describe a particularly vibrant and intense shade of blue, distinct from more traditional blues like navy or sky blue. Its association with electricity imbued it with a sense of modernity and dynamism. Over time, its specific shade has been standardized in various color systems, such as web colors (#7df9ff is one such representation, though 'electric blue' can encompass a range of similar vibrant blues).

First Recorded Use

The term 'electric blue' began to appear in print around the 1880s, coinciding with the increasing prevalence and public fascination with electricity and electric lighting. Early references often described fabrics or dyes.

Cultural Associations

Often associated with modernity, technology, and the future due to its electrical namesake. Frequently used in science fiction, cyberpunk aesthetics, and futuristic designs. Popular in fashion for its eye-catching and bold quality, often used to make a statement. Can evoke feelings of energy, excitement, and vibrancy. In some contexts, it might be linked to neon lights and nightlife.

Similar Named Colors
Waterspout #A4F4F9 ΔE 4.54
Celeste #B2FFFF ΔE 5.56
Cyan #00FFFF ΔE 5.59
Pale Blue #AFEEEE ΔE 6.98

Code Snippets

/* Background */
.element {
    background-color: #7DF9FF;
}

/* Text */
.element {
    color: #7DF9FF;
}

/* Border */
.element {
    border: 1px solid #7DF9FF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #7DF9FF,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #7DF9FF,
        #FFFFFF
    );
}

// SCSS variable
$electric-blue: #7DF9FF;

// With RGB channels (useful for rgba() usage)
$electric-blue-r: 125;
$electric-blue-g: 249;
$electric-blue-b: 255;

// Usage
.element {
    background-color: $electric-blue;
    color: rgba($electric-blue-r, $electric-blue-g, $electric-blue-b, 0.8);
}