- No data uploaded
- Instant results
Floral White — #FFFAF0
Floral White is the CSS named colour floralwhite, hex #FFFAF0. It has a contrast ratio of 1.04:1 on white and 20.18:1 on black — best used as text on dark backgrounds.
Floral White — #FFFAF0
Contrast on white 1.04:1 · on black 20.18:1
Tints
Shades
Complementary
Triadic
Analogous
Using Floral White in code
CSS: color: floralwhite; or color: #FFFAF0; · Tailwind: text-[#FFFAF0] · Android/Flutter: 0xFFFFFAF0
Floral White colour harmonies
Complementary: #F0F5FF · Triadic: #F0FFFA, #FAF0FF · Analogous: #FFF3F0, #FDFFF0. Use tints for backgrounds and shades for hover states.
Floral White in every colour format
| Format | Value |
|---|---|
| HEX | #FFFAF0 |
| RGB | rgb(255, 250, 240) |
| HSL | hsl(40, 100%, 97%) |
| HSV | hsv(40, 6%, 100%) |
| CMYK | cmyk(0%, 2%, 6%, 0%) |
| CSS name | floralwhite |
| Contrast on white | 1.04:1 |
| Contrast on black | 20.18:1 |
Frequently asked questions
What is the hex code for Floral White?
#FFFAF0 (CSS name: floralwhite).
What is Floral White in RGB?
rgb(255, 250, 240)
What colour goes well with Floral White?
Its complementary colour #F0F5FF, or the analogous #FFF3F0 and #FDFFF0.