Sky

#76d6ff

Higher, milkier sky blue with airy clarity

Save
Share

About Sky

I keep catching Sky on product mockups the way you notice a fresh coat of paint before anyone else does. It's a bright, airy blue that stays clearly blue, not "almost white," and it doesn't slip into the deeper, more deliberate feel of or the punchier cyan energy of .

Sky lands in that sweet spot between crisp notice and light calm: the one you reach for when you want clean visibility without turning UI elements into neon. I like it for dashboards and healthcare software as section headers, chart focus rings, and input highlights where the blue needs to read instantly, then behave politely next to dense text. Compared to , Sky feels a touch less "daylight note" and more like a suspended, sky-bright wash, which makes it less likely to overpower neutral grays.

Pair it with charcoal, slate, or slightly desaturated grays to keep the contrast crisp. On very warm screens it can drift a hair toward periwinkle, so test it next to your default surfaces.

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
1.64:1Fail

On Gray 100 #f5f5f5

Aa
1.50:1Fail

On Gray 900 #18181b

Aa
10.83:1AAA

On Black #000000

Aa
12.83: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.

Similar colors

Create a gradient with Sky

Open the generator with this color pre-loaded.

Start creating