Azure

#007fff

High-saturation azure violet for crisp, modern links

Save
Share

About Azure

Azure is what happens when you push blue all the way forward and let the purple fall back. It's brighter and more saturated than anything else in this family, the kind of color that actually reads as blue, not purple with blue tendencies. You'll notice the difference immediately next to or . Where they settle into secondary roles, this one steps forward.

You'll land on it for interface headers, call-to-action elements, and brand-primary uses in tech and SaaS where you need something that feels authoritative and modern without the coldness brings. It works in fintech dashboards, design system component libraries, and anywhere you're building something that needs to feel both trustworthy and alive. The lightness keeps it from feeling heavy or clinical, the saturation keeps it from disappearing.

Pair it with warm neutrals and it'll lean distinctly toward cyan. Against cool grays it stays grounded but assertive, not a supporting player, the lead. That's the trade-off: it demands more visual real estate than the softer purples around it.

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

On Gray 100 #f5f5f5

Aa
3.52:1FailAA Large

On Gray 900 #18181b

Aa
4.62:1AAAAA Large

On Black #000000

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

Create a gradient with Azure

Open the generator with this color pre-loaded.

Start creating