Azure is a very light, vivid shade in the white color family, with a cool feel. Its HEX code is #F0FFFF, which equals rgb(240, 255, 255) in RGB and hsl(180, 100%, 97%) in HSL. In print terms it converts to roughly C6 M0 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#F0FFFF - RGB
240, 255, 255 - HSL
180°, 100%, 97% - CMYK
6, 0, 0, 0 - Family
White - Tone
Very light, vivid
About Azure
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. 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 20.45:1. Its complementary color is #FFF0F0.
Download Azure 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 color codes
| HEX | #F0FFFF |
|---|---|
| RGB | rgb(240, 255, 255) |
| HSL | hsl(180, 100%, 97%) |
| HSV | 180°, 6%, 100% |
| CMYK | 6%, 0%, 0%, 0% |
| Decimal | 15794175 |
Shades and tints of Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFFFF - 100
#FAFFFF - 200
#F8FFFF - 300
#F5FFFF - 400
#F3FFFF - 500
#F0FFFF - 600
#C8D5D5 - 700
#A0AAAA - 800
#788080 - 900
#505555 - 950
#282B2B
Color harmonies for Azure
- Complementary
#FFF0F0≈ Lavender Blush - Analogous −30°
#F0FFF7≈ Mint Cream - Analogous +30°
#F0F7FF≈ Alice Blue - Triadic +120°
#FFF0FF≈ Lavender Blush - Triadic +240°
#FFFFF0≈ Floral White - Split 150°
#FFF0F7≈ Lavender Blush - Split 210°
#FFF7F0≈ Seashell
Contrast and accessibility of Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Azure | Aa | 1.03:1 | Fails |
| Black text on Azure | Aa | 20.45:1 | AAA (excellent) |
CSS code for Azure
background-color: #F0FFFF;color: #F0FFFF;background-color: rgb(240, 255, 255);background-color: hsl(180, 100%, 97%);:root { --color-azure: #F0FFFF; }class="bg-[#F0FFFF]"Colors similar to Azure
- Mint Cream
#F5FFFA - Alice Blue
#F0F8FF - Ghost White
#F8F8FF - Honeydew
#F0FFF0 - White
#FFFFFF - White Smoke
#F5F5F5 - Light Cyan
#E0FFFF - Snow
#FFFAFA - Cool Gray 95
#F1F2F3 - Neutral Gray 95
#F2F2F2 - Warm Gray 95
#F3F2F1 - Ivory
#FFFFF0
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - White Smoke
#F5F5F5
Frequently asked questions
What is the HEX code for Azure?
The HEX code for Azure is #F0FFFF.
What is the RGB value of Azure?
Azure has an RGB value of 240, 255, 255 (rgb(240, 255, 255)). In HSL it is 180°, 100%, 97%.
What text color should I use on Azure?
Use black text on Azure. White text has a contrast ratio of 1.03:1 and black text has 20.45:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Azure?
The complementary color of Azure is #FFF0F0. Analogous colors #F0FFF7 and #F0F7FF also pair well.