What colors go well with electric blue?

Electric Blue pairs with its complementary colour #FF837D and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Electric Blue Color — Hex Code #7DF9FF, RGB, Palettes & CSS

Q: What is the hex code for electric blue?

Electric Blue is commonly #7DF9FF, which is rgb(125, 249, 255). Like most descriptive colour names it covers a small range, but this is a widely used value.

Electric Blue colour codes

Hex

#7DF9FF

RGB

rgb(125, 249, 255)

HSL

hsl(183, 100%, 75%)

HSV

hsv(183, 51%, 100%)

OKLCH

oklch(0.91 0.11 200)

CMYK

cmyk(51%, 2%, 0%, 0%)

Complementary palette

Electric Blue with its opposite on the colour wheel.

#7DF9FF

rgb(125, 249, 255)

#FF837D

rgb(255, 131, 125)

Triad palette

Electric Blue with two evenly-spaced partners.

#7DF9FF

rgb(125, 249, 255)

#FF7DF9

rgb(255, 125, 249)

#F9FF7D

rgb(249, 255, 125)

Monochromatic palette

Lighter and darker versions of electric blue at the same hue.

#3F7D80

rgb(63, 125, 128)

#58AEB3

rgb(88, 174, 179)

#71E0E6

rgb(113, 224, 230)

#7DF9FF

rgb(125, 249, 255)

Lighter tints

Electric Blue toward white.

#7DF9FF

rgb(125, 249, 255)

#90FAFF

rgb(144, 250, 255)

#A2FBFF

rgb(162, 251, 255)

#B5FCFF

rgb(181, 252, 255)

#C7FCFF

rgb(199, 252, 255)

#DAFDFF

rgb(218, 253, 255)

#ECFEFF

rgb(236, 254, 255)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Electric Blue toward black.

#7DF9FF

rgb(125, 249, 255)

#6BD5DB

rgb(107, 213, 219)

#59B2B6

rgb(89, 178, 182)

#478E92

rgb(71, 142, 146)

#366B6D

rgb(54, 107, 109)

#244749

rgb(36, 71, 73)

#122424

rgb(18, 36, 36)

#000000

rgb(0, 0, 0)

About electric blue

A bright, glowing cyan-blue that mimics electricity. Futuristic and energetic, it suits tech and neon-themed design. The value shown here (#7DF9FF) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with electric blue

The complementary colour (#FF837D) sits opposite electric blue on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using electric blue in your design

For CSS, paste #7DF9FF or the oklch(0.91 0.11 200) value, or download the ready-made electric-blue.css file above — it includes a full 50–950 token scale. Always check contrast before using electric blue behind text.

What is the hex code for electric blue?

Electric Blue is commonly #7DF9FF (rgb(125, 249, 255)). It covers a small range, but this is a widely used value.

What colours go well with electric blue?

Its complementary colour #FF837D and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Electric Blue colour

Electric Blue colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About electric blue

Palettes that work with electric blue

Using electric blue in your design

Popular colours

Color tools