Azure color values
| Format | Value |
|---|---|
| Hex | #F0FFFF |
| RGB | rgb(240, 255, 255) |
| HSL | hsl(180, 100%, 97%) |
| HSV | 180, 6%, 100% |
| CMYK (simple conversion) | 6%, 0%, 0%, 0% |
| Decimal | 15794175 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Azure
Azure is an extremely pale blue that looks like a cloudless sky on a bright day. It functions well as a gentle background color in applications where readability matters. The tone suggests openness, clarity, and calm weather. It is one of the 148 CSS named colors.
Shades and tints of Azure
Tints mix Azure with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #F2FFFF | #D8E6E6 |
| 20% | #F3FFFF | #C0CCCC |
| 30% | #F5FFFF | #A8B3B3 |
| 40% | #F6FFFF | #909999 |
| 50% | #F8FFFF | #788080 |
Color harmony for Azure
These colors keep the same saturation and lightness as Azure and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #FFF0F0 |
| Analogous | #F0FFF8 #F0F8FF |
| Triadic | #FFF0FF #FFFFF0 |
| Split complementary | #FFF0F8 #FFF8F0 |
Contrast and accessibility
Contrast between #F0FFFF and white is 1.03:1 (fails). Against black it is 20.45:1 (passes AAA). For text on a Azure background, black text is the more readable choice.
Use Azure in CSS
.element {
color: azure;
background-color: #F0FFFF;
border-color: rgb(240 255 255);
outline-color: hsl(180 100% 97%);
}All four lines produce exactly the same color. The keyword azure is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Alice Blue: #F0F8FF
- mintcream: #F5FFFA
- ghostwhite: #F8F8FF
- honeydew: #F0FFF0
FAQ
What is the hex code for Azure?
The hex code for Azure is #F0FFFF. As a CSS color keyword you can also write azure.
What is Azure in RGB?
Azure is rgb(240, 255, 255): red 240, green 255, blue 255 on the 0 to 255 scale.
What color is closest to Azure?
Of the CSS named colors, aliceblue (#F0F8FF) is the closest match to Azure, followed by mintcream and ghostwhite.
More colors
- Aquamarine: previous page
- Beige: next page
- CSS named colors: the full list