#7DF9FF
Electric Blue
Electric blue is a bright, neon-like shade of blue that mimics the glow of an electric spark. It is bold, attention-grabbing, and futuristic.
Electric Blue Color Values
HEX#7DF9FF
RGB125, 249, 255
HSL183°, 100%, 75%
HSV183°, 51%, 100%
CMYK51%, 2%, 0%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #EAEFFF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #D5DFFF (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #16FFFB (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #DEDEDE (~0.003% of population)
Electric Blue as Text Color
Electric Blue on White
1.2:1FAIL
Electric Blue on Light Gray
1.1:1FAIL
Electric Blue on Cream
1.2:1FAIL
Electric Blue on Dark
13.7:1AAA
Electric Blue on Black
16.9:1AAA
Electric Blue on Soft Blue
1.1:1FAIL
Electric Blue on Soft Green
1.1:1FAIL
Electric Blue on Soft Pink
1.0:1FAIL
Nearest Tailwind Class
slate-300
#CBD5E1
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-electric-blue: #7DF9FF;
--color-electric-blue-rgb: 125, 249, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'electric-blue': '#7DF9FF',
}Shades of Electric Blue
#80F9FF
#57F7FF
#29F4FF
#00F2FF
#00CBD6
#00A0A8
#007980
#005257
#002729
#000000
Tints of Electric Blue
#80F9FF
#8FF9FF
#9EFAFF
#A8FBFF
#B8FBFF
#C7FCFF
#D6FDFF
#E0FDFF
#F0FEFF
#FFFFFF
Color Harmonies
Complementary
#7DF9FF
#FF8680
Analogous
#80FFC6
#80F9FF
#80B9FF
Triadic
#80F9FF
#FF80F9
#F9FF80
Electric Blue Text Preview
Heading in Electric Blue
Body text in Electric Blue. The quick brown fox jumps over the lazy dog.
White on Electric Blue
Body text on a Electric Blue background.
Electric Blue text on dark background
Contrast: 14.2:1