A warm white, black text passes AA
What color is floralwhite?
The CSS named color floralwhite is #fffaf0, or rgb(255 250 240): a warm white in plain words. Black text on it reaches 20.18:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | floralwhite |
| Hex | #fffaf0 |
| RGB | rgb(255 250 240) |
| HSL | hsl(40 100% 97%) |
| OKLCH | oklch(98.6% 0.014 84.6) |
| Nearest Tailwind color | orange-50 #fff7ed, 0.007 away in OKLab |
| White text | 1.04:1: AA fails, AAA fails, large text fails |
| Black text | 20.18:1: AA passes, AAA passes, large text passes |
About floralwhite
Measured in OKLCH, floralwhite comes out at lightness 98.6%, chroma 0.014 and hue 84.6 degrees: a warm white.
Here HSL's lightness, 97%, lands near OKLCH's 98.6%, which is not true of every color. The CSS keyword seashell (#fff5ee) is almost the same color: 0.012 apart in OKLab, under the step most people notice.
Black on floralwhite reads at 20.18:1, enough for AAA body text; white reaches 1.04:1 and should stay off it. Its neighbors in the hue-sorted list of names are snow and honeydew.
The closest Tailwind 4.3.3 color is orange-50, 0.007 away in OKLab, so bg-orange-50 comes very close; bg-[#fffaf0] gives the color itself.
Tints and shades
- #fffefe
- #fffcfd
- #fffbfc
- #fffafc
- #fffaf0
- #ccc2c4
- #978f91
- #656061
- #373435
- #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
- #fffaf0
- #476a40
- #accfb3
- #302126
- #9b7284
Around floralwhite as swatch 1, Recolor's generator made a split-complementary palette, built on the two hues beside its opposite: #476a40, #accfb3, #302126, #9b7284, drawn from a seed fixed by its hex. Open it in Recolor.
Using floralwhite
As a text color, floralwhite on a black page gives the same 20.18:1.
.notice {
background-color: floralwhite; /* #fffaf0 */
color: black; /* 20.18:1 */
}Common questions
Does white text pass WCAG AA on floralwhite?
No. White text measures 1.04:1 on floralwhite, under AA's 4.5:1; black text measures 20.18:1 and passes.
Can floralwhite be written in OKLCH?
Yes: oklch(98.6% 0.014 84.6), computed from #fffaf0. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to floralwhite?
Yes: seashell (#fff5ee) is the nearest, 0.012 away in OKLab, then ivory at 0.013.