Huebook

Sparky Blue Analogous Color Scheme

Five colors arranged by the analogous rule around Sparky Blue (#22EEFF), each snapped to its nearest named color.

#26FF2A
#2AFEB7
#22EEFF
#2188FF
#3A2EFE

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Electric Laser Lime#26FF2A38, 255, 42121°, 100%, 57%85, 0, 84, 087.0% 0.284 143
Greenish Cyan#2AFEB742, 254, 183160°, 99%, 58%83, 0, 28, 088.5% 0.183 163
Sparky Blue#22EEFF34, 238, 255185°, 100%, 57%87, 7, 0, 086.7% 0.144 204
Pool Water#2188FF33, 136, 255212°, 100%, 56%87, 47, 0, 063.5% 0.198 256
System Shock Blue#3A2EFE58, 46, 254243°, 99%, 59%77, 82, 0, 049.4% 0.284 272

Which pairs work for text

Text on backgroundContrastWCAG
Aa #2AFEB7 on #3A2EFE5.32:1AA
Aa #26FF2A on #3A2EFE5.14:1AA
Aa #22EEFF on #3A2EFE4.91:1AA
Aa #2AFEB7 on #2188FF2.65:1—
Aa #26FF2A on #2188FF2.56:1—
Aa #22EEFF on #2188FF2.44:1—

CSS variables

:root {
  --color-1: #26ff2a; /* Electric Laser Lime */
  --color-2: #2afeb7; /* Greenish Cyan */
  --color-3: #22eeff; /* Sparky Blue */
  --color-4: #2188ff; /* Pool Water */
  --color-5: #3a2efe; /* System Shock Blue */
}

Other schemes from Sparky Blue

More medium teal analogous color schemes

Questions

What colors go with Sparky Blue?

In a analogous scheme: Electric Laser Lime (#26FF2A), Greenish Cyan (#2AFEB7), Pool Water (#2188FF), System Shock Blue (#3A2EFE).

What is the hex code of Sparky Blue?

#22EEFF.