Electric Eel

#88bbee

More muted, milky electric blue for overlays

Save
Share

About Electric Eel

Electric Eel pulls off something most mid-range blues struggle with: it's bright enough to feel alive, but saturated enough to actually anchor a surface. This isn't a pale, almost-not-there blue. It's got backbone. Compared to Adrift on the or , it sits noticeably lighter and more energized, closer to the brightness of , but with more color punch underneath.

You'd reach for this in product dashboards, SaaS interfaces, and mobile apps where you need a secondary surface that doesn't feel timid. Works as a card background, a button state, a highlighted panel, anywhere you want the color to register immediately without going full primary. It's got the saturation to feel intentional on pale displays, the lightness to feel friendly on darker ones. Dark text reads clean. Light text has real contrast. It works harder than it looks.

The slight warmth keeps it from feeling sterile the way pure cyan can. Pair it with navy or charcoal for definition, or lean into the brightness by pairing lighter. Just know it'll read slightly warmer on cooler monitors, which usually works in your favor.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.02:1Fail

On Gray 100 #f5f5f5

Aa
1.85:1Fail

On Gray 900 #18181b

Aa
8.77:1AAA

On Black #000000

Aa
10.39:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Electric Eel

Open the generator with this color pre-loaded.

Start creating