Deep Sky Blue

#0d75f8

Pure sky-blue highlight, not violet-leaning UI links

Save
Share

About Deep Sky Blue

I think of Deep Sky Blue as the "ready-to-publish" version of a primary blue. It feels like a step back from 's cyan shove, but it still shows up with confidence. Compared to , it's lighter and more open, so it doesn't read as overly composed or formal. And against , it stays cleaner and more consistently blue-leaning, without that mid-tone purple push.

I use it when the UI needs to look crisp in motion: SaaS header bars, fintech tables, and product settings where labels and status pills have to stay readable without going icy. It also works well for signup CTAs and navigation highlights in education and consumer tech, especially over white page sections. In motion graphics for apps, it holds detail better than the deeper purples in the family, so it doesn't get swallowed by gradients.

One quirk: if you pair it with very cool grays, it can start to feel a touch airy. If that happens, warm the rest of the palette slightly so the blue keeps its grounded punch.

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
4.27:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.92:1FailAA Large

On Gray 900 #18181b

Aa
4.15:1FailAA Large

On Black #000000

Aa
4.92:1AAAAA Large

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

#007fff
#0066ee
#3c69e7
#4169e1

Create a gradient with Deep Sky Blue

Open the generator with this color pre-loaded.

Start creating