Azure Blue is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #007FFF, which equals rgb(0, 127, 255) in RGB and hsl(210, 100%, 50%) in HSL. In print terms it converts to roughly C100 M50 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#007FFF - RGB
0, 127, 255 - HSL
210°, 100%, 50% - CMYK
100, 50, 0, 0 - Family
Blue - Tone
Medium, vivid
About Azure Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 5.48:1. Its complementary color is #FF8000.
Download Azure Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Azure Blue color codes
| HEX | #007FFF |
|---|---|
| RGB | rgb(0, 127, 255) |
| HSL | hsl(210, 100%, 50%) |
| HSV | 210°, 100%, 100% |
| CMYK | 100%, 50%, 0%, 0% |
| Decimal | 32767 |
Shades and tints of Azure Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5EAFF - 100
#AAD4FF - 200
#80BFFF - 300
#55AAFF - 400
#2B94FF - 500
#007FFF - 600
#006AD5 - 700
#0055AA - 800
#004080 - 900
#002A55 - 950
#00152B
Color harmonies for Azure Blue
- Complementary
#FF8000≈ Dark Orange - Analogous −30°
#00FFFF≈ Pure Teal - Analogous +30°
#0000FF≈ Pure Ultramarine - Triadic +120°
#FF0080≈ Rose - Triadic +240°
#80FF00≈ Chartreuse - Split 150°
#FF0000≈ Pure Cardinal - Split 210°
#FFFF00≈ Lemon
Contrast and accessibility of Azure Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Azure Blue | Aa | 3.83:1 | AA Large only |
| Black text on Azure Blue | Aa | 5.48:1 | AA (good) |
CSS code for Azure Blue
background-color: #007FFF;color: #007FFF;background-color: rgb(0, 127, 255);background-color: hsl(210, 100%, 50%);:root { --color-azure-blue: #007FFF; }class="bg-[#007FFF]"Colors similar to Azure Blue
- Pure Cornflower
#0066FF - Pure Azure
#0099FF - Dodger Blue
#1E90FF - Bright Cerulean
#197FE6 - Medium Light Cornflower
#297EFF - Bright Cornflower
#196BE6 - Bright Azure
#1994E6 - Medium Dark Azure
#0081D6 - Medium Light Cerulean
#2994FF - Medium Light Sapphire
#2969FF - Medium Dark Cerulean
#006BD6 - Medium Dark Capri
#0096D6
More blue shades
- Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB - Ultramarine
#3F00FF - Iris
#5A4FCF - Denim
#1560BD - Persian Blue
#1C39BB - Prussian Blue
#003153 - Oxford Blue
#002147 - Peacock Blue
#1B6A8A - Very Pale Dusty Turquoise
#C8DAD7
Frequently asked questions
What is the HEX code for Azure Blue?
The HEX code for Azure Blue is #007FFF.
What is the RGB value of Azure Blue?
Azure Blue has an RGB value of 0, 127, 255 (rgb(0, 127, 255)). In HSL it is 210°, 100%, 50%.
What text color should I use on Azure Blue?
Use black text on Azure Blue. White text has a contrast ratio of 3.83:1 and black text has 5.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Azure Blue?
The complementary color of Azure Blue is #FF8000. Analogous colors #00FFFF and #0000FF also pair well.