Floral White hex code
The hex code for floral white is #FFFAF0. In RGB that is rgb(255, 250, 240) and in HSL it is hsl(40, 100%, 97%).
The hex code for floral white is #FFFAF0. In RGB that is rgb(255, 250, 240) and in HSL it is hsl(40, 100%, 97%).
Floral White · #FFFAF0
Colour codes
- HEX
- #FFFAF0
- RGB
- rgb(255, 250, 240)
- HSL
- hsl(40, 100%, 97%)
- CMYK
- 0, 2, 6, 0
- CSS name
- floralwhite
- Contrast on white
- 1.04:1
- Contrast on black
- 20.18:1
Tints and shades
20% lighter · #fffbf3
40% lighter · #fffcf6
60% lighter · #fffdf9
80% lighter · #fffefc
20% darker · #ccc8c0
40% darker · #999690
60% darker · #666460
80% darker · #333230
Complementary colour
Floral White · #FFFAF0
Opposite on the colour wheel · #f0f5ff
Frequently asked questions
What is the hex code for floral white?
The hex code for floral white is #FFFAF0. In RGB that is rgb(255, 250, 240) and in HSL it is hsl(40, 100%, 97%).
Can I use floral white for text?
It has a contrast ratio of 1.04:1 on white and 20.18:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with floral white?
Its complementary colour, opposite on the colour wheel, is #F0F5FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of floral white instead.
Is floral white a CSS colour name?
Yes. CSS accepts the keyword floralwhite, so color: floralwhite and color: #FFFAF0 render exactly the same.