Floral White color values
| Format | Value |
|---|---|
| Hex | #FFFAF0 |
| RGB | rgb(255, 250, 240) |
| HSL | hsl(40, 100%, 97%) |
| HSV | 40, 6%, 100% |
| CMYK (simple conversion) | 0%, 2%, 6%, 0% |
| Decimal | 16775920 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Floral White
Floral white is a very pale, warm off white with a faint yellow tint. It mimics the color of certain white flower petals in natural sunlight. Designers choose it over pure white to create softer, more inviting page backgrounds. It is one of the 148 CSS named colors.
Shades and tints of Floral White
Tints mix Floral White with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FFFBF2 | #E6E1D8 |
| 20% | #FFFBF3 | #CCC8C0 |
| 30% | #FFFCF5 | #B3AFA8 |
| 40% | #FFFCF6 | #999690 |
| 50% | #FFFDF8 | #807D78 |
Color harmony for Floral White
These colors keep the same saturation and lightness as Floral White and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #F0F5FF |
| Analogous | #FFF3F0 #FDFFF0 |
| Triadic | #F0FFFA #FAF0FF |
| Split complementary | #F0FDFF #F3F0FF |
Contrast and accessibility
Contrast between #FFFAF0 and white is 1.04:1 (fails). Against black it is 20.18:1 (passes AAA). For text on a Floral White background, black text is the more readable choice.
Use Floral White in CSS
.element {
color: floralwhite;
background-color: #FFFAF0;
border-color: rgb(255 250 240);
outline-color: hsl(40 100% 97%);
}All four lines produce exactly the same color. The keyword floralwhite is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Floral White?
The hex code for Floral White is #FFFAF0. As a CSS color keyword you can also write floralwhite.
What is Floral White in RGB?
Floral White is rgb(255, 250, 240): red 255, green 250, blue 240 on the 0 to 255 scale.
What color is closest to Floral White?
Of the CSS named colors, ivory (#FFFFF0) is the closest match to Floral White, followed by seashell and snow.
More colors
- Dodger Blue: previous page
- Indigo: next page
- CSS named colors: the full list