Electric Blue

#00F0FF

What color is Electric Blue?

Electric blue is a vivid, high-intensity cyan-leaning blue with a bright, almost glowing quality, hex #00F0FF, closer to a neon sign than a clear midday sky. It has a cool, icy tone with enough green in it to push it away from pure blue toward turquoise.

What is the meaning of the color Electric Blue?

The name electric blue entered English use in the 1880s, tied to the visual impression of electric arc lighting, which produced an intense blue-white glow unfamiliar to most people at the time. The color spread quickly through fashion and textile marketing as electricity itself became a symbol of modernity across Europe and North America. By the 20th century it was widely adopted in sportswear, most concretely by athletic brands using high-visibility synthetic dyes developed after World War II. Crayola formally included Electric Blue as a named crayon color in 1990, anchoring the name in a recognizable consumer product.

RGB
0, 240, 255
HSL
184°, 100%, 50%
CMYK
100, 6, 0, 0
HSV
184°, 100%, 100%
Electric blue color

What colors go with Electric Blue?

Colors that pair well with Electric blue include:
White: clean, open contrast
Black: sharp, high-impact depth
Hot pink: bold, energetic clash
Navy blue: tonal, grounded balance
Charcoal gray: cool, modern softness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00F0FF color: #00F0FF;
RGB 0, 240, 255 color: rgb(0, 240, 255);
RGB Percentage 0%, 94%, 100% color: rgb(0%, 94%, 100%);
CMYK 100%, 6%, 0%, 0% Not supported in CSS
HSL 184°, 100%, 50% color: hsl(184, 100%, 50%);
HSV 184°, 100%, 100% Not supported in CSS
CIE-LAB 40, -48, -5 color: lab(40% -48 -5);
Decimal 61695 Not supported in CSS

Color Variations

Shades

#00EEFF
#00D6E6
#00BECC
#00A7B3
#008F99
#007780
#005F66
#00474D

Tints

#B3FAFF
#99F8FF
#80F7FF
#66F5FF
#4DF3FF
#33F1FF
#1AF0FF
#00EEFF

Tones

#00EEFF
#0DE3F2
#1AD8E6
#26CDD9
#33C2CC
#40B7BF
#4DACB3
#59A1A6

Hues

#00EEFF
#002FFF
#9100FF
#FF00AE
#FF1100
#FFD000
#6FFF00
#00FF51

Color Harmonies

Analogous

#00FF91
Click to copy
#00F0FF
Click to copy
#006FFF
Click to copy

Complementary

#00F0FF
Click to copy
#FF1100
Click to copy
98%

Split Complementary

#00F0FF
Click to copy
#FF006F
Click to copy
96%
#FF9100
Click to copy

Triadic

#00F0FF
Click to copy
#FF00EE
Click to copy
#EEFF00
Click to copy

Tetradic

#00F0FF
Click to copy
#9100FF
Click to copy
#FF1100
Click to copy
98%
#6FFF00
Click to copy

Square

#00F0FF
Click to copy
#9100FF
Click to copy
#FF1100
Click to copy
98%
#6FFF00
Click to copy

CSS & Dev Snippets

CSS
.electric-blue {
  color: #00F0FF;
}
SCSS
$electric-blue: #00F0FF;
RGB
rgb(0, 240, 255)

Accessibility & Contrast

White background

1.41:1
1.41
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

14.91:1
14.91
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags