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

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #7DF9FF from deepest shade to lightest tint.

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);
}