Azure Color Code

HEX

#007FFF

RGB

rgb(0, 127, 255)

HSL

hsl(210, 100%, 50%)

CMYK

0%, 50%, 0%, 0%

About Azure

Azure is a bright and vibrant shade of blue that resembles the clear sky on a sunny day. It embodies a sense of tranquility and peace, making it a popular choice in design and branding.

Psychology

Azure is known to:

  • Evoke feelings of serenity and calmness
  • Inspire creativity and clarity of thought
  • Represent trust, loyalty, and stability

Usage

This striking color works well in:

  • Website and app designs to promote a sense of calm
  • Branding for companies in technology and healthcare
  • Interior spaces to create a refreshing atmosphere
  • Textiles and fashion, conveying a sense of modernity and elegance

Combinations

Azure pairs beautifully with:

  • Coral ( #FF6B6B )
  • Soft Gray ( #D3D3D3 )
  • White ( #FFFFFF )
  • Dark Navy ( #001F3F )

Azure shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Azure

Complementary

hsl(30, 100%, 50%)

Analogous

hsl(240, 100%, 50%)

Triadic

hsl(330, 100%, 50%)

Azure color values and uses

Azure is represented here by #007FFF. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(0, 127, 255); HSL hsl(210, 100%, 50%) describes hue, saturation, and lightness, while CMYK 0%, 50%, 0%, 0% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use azure alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Azure

What is the hex code of Azure?

The hex code of Azure is #007FFF.

What is the RGB value of Azure?

The RGB value is rgb(0, 127, 255), with red, green, and blue channels shown in that order.

What colors go with Azure?

Azure can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Azure?

The HSL value is hsl(210, 100%, 50%); the approximate CMYK conversion is 0%, 50%, 0%, 0%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors