floralwhite — #FFFAF0
#FFFAF0
rgb(255, 250, 240) · hsl(40, 100%, 97%) · CSS keyword floralwhite
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| floralwhite on white | 1.04:1 | — | — |
| floralwhite on black | 20.18:1 | AA | AA |
As a background, floralwhite takes black text: 20.18:1 against 1.04:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: floralwhite;
color: #fffaf0;
color: rgb(255 250 240);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to floralwhite
- snow — #FFFAFA
- ivory — #FFFFF0
- seashell — #FFF5EE
- oldlace — #FDF5E6
- white — #FFFFFF
- ghostwhite — #F8F8FF
Frequently asked questions
What is the hex code for floralwhite?
The hex code for floralwhite is #FFFAF0 — RGB 255, 250, 240.
Can I use floralwhite for text?
Not on a white background. floralwhite reaches only 1.04:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on floralwhite be black or white?
Black — 20.18:1 against 1.04:1 the other way.
Other named colours
- forestgreen — #228B22
- fuchsia — #FF00FF
- gainsboro — #DCDCDC
- ghostwhite — #F8F8FF
- gold — #FFD700
- goldenrod — #DAA520
- gray — #808080
- green — #008000
- greenyellow — #ADFF2F
- honeydew — #F0FFF0
- hotpink — #FF69B4
- indianred — #CD5C5C
#FFFAF0 in full — tints, shades and harmonies · All named colours · Colour reference