Electric Blue hex code
The hex code for electric blue is #7DF9FF. In RGB that is rgb(125, 249, 255) and in HSL it is hsl(183, 100%, 75%).
The hex code for electric blue is #7DF9FF. In RGB that is rgb(125, 249, 255) and in HSL it is hsl(183, 100%, 75%).
Electric Blue · #7DF9FF
Colour codes
- HEX
- #7DF9FF
- RGB
- rgb(125, 249, 255)
- HSL
- hsl(183, 100%, 75%)
- CMYK
- 51, 2, 0, 0
- Contrast on white
- 1.25:1
- Contrast on black
- 16.87:1
Tints and shades
20% lighter · #97faff
40% lighter · #b1fbff
60% lighter · #cbfdff
80% lighter · #e5feff
20% darker · #64c7cc
40% darker · #4b9599
60% darker · #326466
80% darker · #193233
Complementary colour
Electric Blue · #7DF9FF
Opposite on the colour wheel · #ff8680
Frequently asked questions
What is the hex code for electric blue?
The hex code for electric blue is #7DF9FF. In RGB that is rgb(125, 249, 255) and in HSL it is hsl(183, 100%, 75%).
Can I use electric blue for text?
It has a contrast ratio of 1.25:1 on white and 16.87:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with electric blue?
Its complementary colour, opposite on the colour wheel, is #FF8680. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of electric blue instead.
Is electric blue a CSS colour name?
No. Electric Blue is a common name rather than a CSS keyword, and different sources use slightly different values. #7DF9FF is the most widely used one - use the hex value in CSS.