Skies of Cyberspace
#4477dd
Brighter sky-blue violet for crisp, energetic UI sections
About Skies of Cyberspace
I keep reaching for Skies of Cyberspace when the purple needs to feel like a bright UI signal, not a moody filter. It's a medium-light purple with a clean, slightly crisp blue undertone, so it reads more "sky-glow" than the smokier, more restrained Fading Night. And unlike Blue Öyster Cult, it holds onto more saturation, so it's less polite and less clinical on-screen.
For dashboards and finance apps, it's my pick for links, active tabs, and focus rings when I want clarity without going neon. I also use it in creator analytics and editorial media overlays where the color has to pop against photos but still stay controlled. Compared to Serenity's Reign, it feels a touch more assertive and less daylight-soft, which is why the one you reach for when the UI needs energy you can trust.
One small quirk: on very cool grays it can look a little more blue than you expect, so I'll pair it with a neutral that's slightly warmer to keep the balance.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
Similar colors
Create a gradient with Skies of Cyberspace
Open the generator with this color pre-loaded.
Start creating