Bold combinationsDigital neon

ElectricBlue and Fuchsia Color Combination

Two high-chroma colors at nearly opposite temperatures, so the pair reads as screen-native and energetic.

Hex codes #7DF9FF and #FF00FF — a digital neon pair with a 2.52:1 contrast ratio between the two colors.

Values for this combination

RGB
rgb(125, 249, 255)
HSL
hsl(183, 100%, 75%)
Hex
#7DF9FF
Fuchsia
RGB
rgb(255, 0, 255)
HSL
hsl(300, 100%, 50%)
Hex
#FF00FF

Contrast between ElectricBlue and Fuchsia

Contrast ratio 2.52:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)FAIL
AA · Large text (≥ 3:1)FAIL
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

Fuchsia text on a ElectricBlue surface, at 2.52:1.

Aa

ElectricBlue text on a Fuchsia surface, at 2.52:1.

Where this pair works

  • Tech events
  • Gaming
  • Streaming thumbnails

Give ElectricBlue (#7DF9FF) roughly 60% of the surface, Fuchsia (#FF00FF) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

ElectricBlue and Fuchsia as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#e1f8fabackgrounds and large surfaces · closest to LightCyan
  • Primary#7DF9FFthe dominant color · closest to ElectricBlue
  • Secondary#FF00FFthe accent color · closest to Fuchsia
  • Deep shade#4d004dtext, borders and icons · closest to TyrianPurple
  • Neutral#f4f6f6dividers and quiet surfaces · closest to WhiteSmoke

Explore ElectricBlue and Fuchsia on their own

More color combinations

ElectricBlue and Fuchsia are a digital neon pair: two high-chroma colors at nearly opposite temperatures, so the pair reads as screen-native and energetic.

Frequently asked questions

Yes — this pair is used for tech events, gaming, streaming thumbnails. The two colors measure 2.52:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.

Good to know

  • Every value on this page is calculated from #7DF9FF and #FF00FF — nothing is hardcoded.
  • Build a longer palette out of ElectricBlue or Fuchsia in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn ElectricBlue and Fuchsia into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog