Floral White is a very light, vivid shade in the white color family, with a warm feel. Its HEX code is #FFFAF0, which equals rgb(255, 250, 240) in RGB and hsl(40, 100%, 97%) in HSL. In print terms it converts to roughly C0 M2 Y6 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFFAF0 - RGB
255, 250, 240 - HSL
40°, 100%, 97% - CMYK
0, 2, 6, 0 - Family
White - Tone
Very light, vivid
About Floral White
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 20.18:1. Its complementary color is #F0F5FF.
Download Floral White as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Floral White color codes
| HEX | #FFFAF0 |
|---|---|
| RGB | rgb(255, 250, 240) |
| HSL | hsl(40, 100%, 97%) |
| HSV | 40°, 6%, 100% |
| CMYK | 0%, 2%, 6%, 0% |
| Decimal | 16775920 |
Shades and tints of Floral White
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFEFD - 100
#FFFDFA - 200
#FFFDF8 - 300
#FFFCF5 - 400
#FFFBF3 - 500
#FFFAF0 - 600
#D5D0C8 - 700
#AAA7A0 - 800
#807D78 - 900
#555350 - 950
#2B2A28
Color harmonies for Floral White
- Complementary
#F0F5FF≈ Alice Blue - Analogous −30°
#FFF2F0≈ Seashell - Analogous +30°
#FCFFF0≈ Ivory - Triadic +120°
#F0FFFA≈ Azure - Triadic +240°
#FAF0FF≈ Ghost White - Split 150°
#F0FCFF≈ Azure - Split 210°
#F2F0FF≈ Alice Blue
Contrast and accessibility of Floral White
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Floral White | Aa | 1.04:1 | Fails |
| Black text on Floral White | Aa | 20.18:1 | AAA (excellent) |
CSS code for Floral White
background-color: #FFFAF0;color: #FFFAF0;background-color: rgb(255, 250, 240);background-color: hsl(40, 100%, 97%);:root { --color-floral-white: #FFFAF0; }class="bg-[#FFFAF0]"Colors similar to Floral White
- Ivory
#FFFFF0 - Seashell
#FFF5EE - Snow
#FFFAFA - Old Lace
#FDF5E6 - White Smoke
#F5F5F5 - Lavender Blush
#FFF0F5 - White
#FFFFFF - Mint Cream
#F5FFFA - Light Yellow
#FFFFE0 - Ghost White
#F8F8FF - Linen
#FAF0E6 - Warm Gray 95
#F3F2F1
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Azure
#F0FFFF - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - White Smoke
#F5F5F5
Frequently asked questions
What is the HEX code for Floral White?
The HEX code for Floral White is #FFFAF0.
What is the RGB value of Floral White?
Floral White has an RGB value of 255, 250, 240 (rgb(255, 250, 240)). In HSL it is 40°, 100%, 97%.
What text color should I use on Floral White?
Use black text on Floral White. White text has a contrast ratio of 1.04:1 and black text has 20.18:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Floral White?
The complementary color of Floral White is #F0F5FF. Analogous colors #FFF2F0 and #FCFFF0 also pair well.