A cool white, black text passes AA
What color is azure?
The CSS named color azure is #f0ffff, or rgb(240 255 255): a cool white in plain words. Black text on it reaches 20.45:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | azure |
| Hex | #f0ffff |
| RGB | rgb(240 255 255) |
| HSL | hsl(180 100% 97%) |
| OKLCH | oklch(98.9% 0.016 196.9) |
| Nearest Tailwind color | cyan-50 #ecfeff, 0.006 away in OKLab |
| White text | 1.03:1: AA fails, AAA fails, large text fails |
| Black text | 20.45:1: AA passes, AAA passes, large text passes |
About azure
A cool white is the plain description of azure: OKLCH lightness 98.9%, chroma 0.016, hue 196.9 degrees.
Here HSL's lightness, 97%, lands near OKLCH's 98.9%, which is not true of every color. The CSS keyword mintcream (#f5fffa) is almost the same color: 0.009 apart in OKLab, under the step most people notice.
Black text on azure measures 20.45:1, past the 7:1 of WCAG AAA, while white text manages only 1.03:1. Its neighbors in the hue-sorted list of names are mintcream and snow.
The closest Tailwind 4.3.3 color is cyan-50, 0.006 away in OKLab, so bg-cyan-50 comes very close; bg-[#f0ffff] gives the color itself.
Tints and shades
- #fffefe
- #fffcfe
- #fffbfd
- #fffafc
- #f0ffff
- #cdc2c5
- #988f92
- #666061
- #383435
- #0f0e0e
From light to dark: 4 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #f0ffff
- #6675bf
- #262a35
- #dbc07b
- #685516
Recolor's generator, with azure locked as swatch 1 and the seed taken from its hex, drew a complementary palette, built on the hue opposite: #6675bf, #262a35, #dbc07b, #685516. Open it in Recolor.
Using azure
As a text color, azure on a black page gives the same 20.45:1.
.notice {
background-color: azure; /* #f0ffff */
color: black; /* 20.45:1 */
}Common questions
Does white text pass WCAG AA on azure?
No. White text measures 1.03:1 on azure, under AA's 4.5:1; black text measures 20.45:1 and passes.
Can azure be written in OKLCH?
Yes: oklch(98.9% 0.016 196.9), computed from #f0ffff. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to azure?
Yes: mintcream (#f5fffa) is the nearest, 0.009 away in OKLab, then aliceblue at 0.018.