Azure Color Code: HEX Code & RGB Code Values

Looking for specific azure color code? Get exact azure hex code #007FFF and azure RGB code rgb(0,127,255). Complete color information for design and development projects featuring this vibrant, celestial blue.

HEX#007FFF

RGBrgb(0,127,255)

Shades of Azure

Create custom shades of azure with our color generator. Adjust hues, tints, and tones to find the perfect shade of azure for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 007FFF

  rgb(0, 127, 255)
• 1B69D0

  rgb(27, 105, 208)
• 2153A2

  rgb(33, 83, 162)
• 213F77

  rgb(33, 63, 119)
• 1C2B4F

  rgb(28, 43, 79)
• 141929

  rgb(20, 25, 41)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 007FFF

  rgb(0, 127, 255)
• 6093FF

  rgb(96, 147, 255)
• 89A7FF

  rgb(137, 167, 255)
• ABBCFF

  rgb(171, 188, 255)
• C9D2FF

  rgb(201, 210, 255)
• E4E8FF

  rgb(228, 232, 255)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 007FFF

  rgb(0, 127, 255)
• 3A7FF0

  rgb(58, 127, 240)
• 557FDD

  rgb(85, 127, 221)
• 6780C8

  rgb(103, 128, 200)
• 7480B2

  rgb(116, 128, 178)
• 7C819A

  rgb(124, 129, 154)
• 808080

  rgb(128, 128, 128)

Azure Palette

Explore curated and automatically generated color palettes featuring azure. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#C6E6FF

Light

#9FC2FF

Medium Light

#6EA0FF

Medium

#007FFF

Medium Dark

#105AB3

Dark

#0F386D

Darkest

#08192E

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#007FFF

Left Dark

#739AFE

Left Medium

#A6B7FB

Left Light

#CFD6F9

Neutral

#F5F5F5

Right Light

#FFD8BD

Right Medium

#FFBB87

Right Dark

#FF9E50

Complementary End

#FF8000

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#ABBCFF

Medium

#007FFF

Dark

#003FB1

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#00FF80

Left Adjacent 1

#00FEFF

Main

#007FFF

Right Adjacent 1

#0000FF

Right Adjacent 2

#8000FF

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#007FFF

Complementary

#FF8000

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#007FFF

Secondary

#FF007F

Tertiary

#7FFF00

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#007FFF

Right 90°

#FF00FE

Complementary

#FF8000

Left 90°

#00FF01

Tetradic

Two pairs of complementary colors

4 colors

Main

#007FFF

Secondary

#8000FF

Complementary

#FF8000

Complementary Secondary

#7FFF00

Split Complementary

Complementary colors ±30°

3 colors

Main

#007FFF

Split Left

#FF0100

Split Right

#FEFF00

Cyclic

Circular gradient for periodic data

8 colors

0°

#007FFF

45°

#4000FF

90°

#FF00FE

135°

#FF003F

180°

#FF8000

225°

#BFFF00

270°

#00FF01

315°

#00FFC0

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#9CB2C9

Pastel 1

#A9BDD1

Pastel 2

#B6C7D8

Pastel 3

#C3D1DF

Pastel 4

#D1DBE6

Deep Pastel

#DEE5ED

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Azure Hex & RGB Codes from Image

Upload a photo to find the exact azure HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Azure Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for azure shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #007FFF
• RGB:
  rgb(0, 127, 255)
• CMYK:
  cmyk(100%, 50%, 0%, 0%)
• HSV:
  hsv(210°, 100%, 100%)
• HSL:
  hsl(210°, 100%, 50%)

---

What is Azure?

Azure is a vibrant, celestial blue color that resembles the sky on a clear day. It's named after the precious stone lapis lazuli and evokes feelings of openness and freedom.

The hex code for azure is #007FFF, with RGB values of rgb(0, 127, 255). It's a bright, expansive color.

Design Applications

Azure works well in technology branding, travel designs, and corporate identities. It pairs beautifully with white, orange, and purple. Use it for cloud services, airline branding, or sky-themed designs.

FAQ

What is the azure hex code?

The azure hex code is #007FFF.

What colors go with azure?

Azure pairs well with white, orange, purple, and yellow.

Where does the name azure come from?

Azure comes from the Arabic word "lazaward," referring to the lapis lazuli gemstone.