Skip to the color picker

Electric blue color: #7df9ff

Electric blue is #7df9ff, rgb(125, 249, 255) in RGB and oklch(91.32% 0.11128 199.611) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

183°
100%

91.3%
0.111
200°
  • Cyan
  • Very light
  • Vivid
  • Pastel
  • Cool
  • cyan-200
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.25:1Hard to read
Lc -14
Black text
16.87:1Readable · AA
Lc 92

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Electric blue

Similar named colors

Questions about Electric blue

What is the hex code for Electric blue?

The hex code for Electric blue is #7df9ff. In RGB it is rgb(125, 249, 255), in HSL hsl(182.77, 100%, 74.51%) and in OKLCH oklch(91.32% 0.11128 199.611).

What colors go well with Electric blue?

Its complementary color is #ffd1d0. For a calmer look, pair it with the analogous colors #91fbd6 and #abedff. Ready palettes with Electric blue are shown on this page.

Is Electric blue a warm or cool color?

Electric blue is a cool color with an OKLCH hue of 200 degrees.

What text color is readable on Electric blue?

Black text is more readable on Electric blue: white gives a contrast ratio of 1.25:1 and black gives 16.87:1. WCAG AA asks for at least 4.5:1 for body text.

About #7df9ff

#7df9ff is a pastel very light cyan color. In OKLCH it has 91.3% lightness, 0.111 chroma and a hue of 200°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.25:1 contrast and black text 16.87:1, so black text reads better.

The closest named color is Electric Blue (#7df9ff). In Tailwind CSS the closest color is cyan-200.

More very light cyan colors

Lighter: #7df9ff mixed with white

  1. 7df9ff

Darker: #7df9ff mixed with black

  1. 7df9ff

Calmer: #7df9ff with less saturation

  1. 7df9ff

Similar named colors

  • Electric Blue#7df9ff

Colors that go with #7df9ff

Complementary
#7df9ff
Analogous
#7df9ff
Triadic
#7df9ff
Split
#7df9ff