Azure (CSS)
Azure (CSS) is a near-white neutral color with the hex code #F0FFFF (hue 180°, saturation 100%, lightness 97%). It is also the CSS named color azure.
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Azure (CSS) | #F0FFFF | 240, 255, 255 | 180°, 100%, 97% | 6, 0, 0, 0 | 98.9% 0.016 197 |
Contrast with white text 1.03:1, with black text 20.45:1 — use black text on Azure (CSS).
azure is one of the 148 named colors in CSS, with exactly this value, so color: azure works in any browser without a hex code.
Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated · How the checks work
Tints and shades
Colors that go with Azure (CSS)
Six color schemes built on Azure (CSS) with classic harmony rules. The complementary scheme pairs it with Pink Theory (#FFE6E4), the color opposite it on the color wheel.
- Azure (CSS) Complementary Color Scheme#F0FFFF#E7FEFF#FFE6E4#FEA5A2#FFE6E4
- Azure (CSS) Analogous Color Scheme#E7FBEC#E6FDF1#F0FFFF#E8F5FC#E6E6FA
- Azure (CSS) Triadic Color Scheme#F0FFFF#FFEBFE#FFFFE5#E7FEFF#FFAAFF
- Azure (CSS) Split-complementary Color Scheme#F0FFFF#FFE6F1#FFF2E4#AAFFFF#FFE6F1
- Azure (CSS) Tetradic Color Scheme#F0FFFF#F0EBFC#FFE6E4#F6FFE8#E7FEFF
- Azure (CSS) Monochromatic Color Scheme#56FFFF#AAFFFF#F0FFFF#E7FEFF#E7FEFF
Nearest CSS named colors
- Mint Cream (
mintcream): Mint Cream (#F5FFFA) is about as light as Azure (CSS) (relative luminance 0.978 vs 0.973) and equally saturated, with its hue 30° away. - Alice Blue (
aliceblue): Alice Blue (#F0F8FF) is about as light as Azure (CSS) (relative luminance 0.929 vs 0.973) and equally saturated, with its hue 28° away. - White (
white): White (#FFFFFF) is about as light as Azure (CSS) (relative luminance 1.000 vs 0.973) and less saturated. - Light Cyan (
lightcyan): Light Cyan (#E0FFFF) is about as light as Azure (CSS) (relative luminance 0.946 vs 0.973) and equally saturated, with the same hue.
Similar white colors
- Anti-Flash White#F2F3F4
- Beluga#EFF2F1
- Brilliance#FDFDFD
- Ceramic#FCFFF9
- Chef’s Hat#F3F4F5
- Cloud Break#F6F1FE
- Cotton Ball#F2F7FD
- Doctor#F9F9F9
- Dr. White#FAFAFA
- Emptiness#FCFDFC
- Errigal White#F2F2F4
- Everlasting Ice#F6FDFA
- Eyeball#FFFBF8
- French Porcelain#F6F4F6
- Ghost White#F8F8FF
- Heart of Ice#F7FCFF
- Honeydew#F0FFF0
- Ivory#FFFFF0
Questions
What is the hex code for Azure (CSS)?
#F0FFFF — RGB 240, 255, 255, HSL 180°, 100%, 97%.
Is Azure (CSS) a warm or cool color?
Cool — its hue sits at 180° on the color wheel.