Vivid Sky Blue
An electric cyan with high-energy appeal
Vivid Sky Blue is a high-saturation cyan that demands attention with its intense, electric energy. Because it is so bright, it works best as a punchy accent rather than a full background. Pair it with charcoal or deep navy to ground its neon quality. The hex code for this color is #00ccff. Black text provides excellent readability against this shade, meeting accessibility standards for small body text.
About Vivid Sky Blue
Pool light refracted through a glass of soda
What does vivid sky blue mean?
It often signals cold water, freshness, and electric energy, and it commonly reads as playful, futuristic, and loud. Fully saturated and very light, it feels like glowing plastic or lit ice, bright enough to seem lit from inside.
Where you see vivid sky blue
- pool water
- neon bar signs
- sports drinks
- gummy candies
- snorkel masks
- windshield washer fluid
What it works for
It works for calls to action, swim and sport graphics, tech dashboards, and any design that needs an electric jolt.
What colors go with vivid sky blue?
Fuchsia #ed0dd9Near-equal lightness makes the clash feel loud on purpose, not accidental.Charcoal #36454fCharcoal absorbs the glow, giving the cyan room to flash without shouting.Indigo #4b0082Indigo darkens the field, letting this color read as pure light.Coral #ff7f50Warm against cold, with enough lightness on both sides to stay friendly.
Questions about Vivid Sky Blue
What is the hex code for Vivid Sky Blue?
Vivid Sky Blue is #00ccff. In RGB that is rgb(0, 204, 255), in HSL hsl(192, 100%, 50%) and in CMYK 100%, 20%, 0%, 0%.
How can I effectively use #00ccff in UI design?
Is Vivid Sky Blue readable on white or black?
Vivid Sky Blue has a 1.89:1 contrast ratio on white and 11.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.