Vivid Blue
#152eff
High-saturation electric blue accent for cool purples
About Vivid Blue
I keep noticing this one the moment a screen goes slightly too magenta or too cobalt. Vivid Blue lands in between, but it's not trying to be a truce color. It's cooler and more deliberate than the brighter options, and less punchy than C64 Blue's heavy, weighted presence. The undertone reads purple without turning it into that "in-between" shuffle you get from Blustering Blue.
Use it when you need a blue that stays clean in motion but still feels anchored. I reach for it in music production software for transport controls, key highlights, and timeline markers, and in gaming UIs for selection states that must remain readable on busy HUD layers. Compared with Vibrant Blue, it's a touch more grounded and less sky-like, so it doesn't feel washed or overly airy in dark mode.
Pair with warm accents to prevent the purple edge from feeling too cool, but keep the warmth moderate or it starts drifting toward violet instead of staying truly blue.
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.
