Azure color

A bright, vivid blue between pure blue and cyan, like a clear sky on a sunny day. The name comes from the Persian word for lapis lazuli, and it is common in tech branding and digital design.

Also known as: Azure blue.

Azure · #007FFF

About azure

Azure (#007FFF) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 0 red, 127 green and 255 blue (out of 255). It is mostly used in tech, digital design, branding.

Azure shades and tints

From lightest to darkest. Tap a shade to copy its code.

Azure color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Orange

AnalogousClose to: Cyan, Blue

TriadicClose to: Deep pink, Chartreuse

Split complementaryClose to: Red, Yellow

TetradicClose to: Magenta, Orange, Neon green

Azure color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Azure

Analogous palette · Azure

Complementary palette · Azure

Triadic palette · Azure

With neutrals palette · Azure

With an accent palette · Azure

Azure contrast with text

White textContrast 3.8:1 · AA large text

Black textContrast 5.5:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --azure: #007FFF;
  --azure-rgb: 0, 127, 255;
}
.bg { background-color: var(--azure); }
.text { color: var(--azure); }

Colors similar to azure

Electric blue Royal blue Dodger blue Bright blue Sapphire blue Denim blue Slate blue Cornflower blue Cobalt blue French blue

Themed palettes with this color

Frequently asked questions

What is the hex code for azure?

The hex code for azure is #007FFF. In RGB it is rgb(0, 127, 255), in HSL hsl(210, 100%, 50%) and in CMYK 100, 50, 0, 0.

What is the complementary color of azure?

Its complement on the color wheel is #FF8000, close to orange. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on azure?

Use black text instead: the contrast with white is only 3.8:1, while with black it is 5.5:1.