Floral White #FFFAF0

Floral White#FFFAF0 · rgb(255, 250, 240)

Floral White color codes

CSS namefloralwhite
HEX#FFFAF0
RGBrgb(255, 250, 240)
HSLhsl(40, 100%, 97%)
CMYKcmyk(0%, 2%, 6%, 0%)
Decimal16775920

Shades of Floral White (darker)

#E6E1D8 · #CCC8C0 · #B3AFA8 · #999690 · #807D78 · #666460 · #4D4B48 · #333230 · #1A1918

Tints of Floral White (lighter)

#FFFBF2 · #FFFBF3 · #FFFCF5 · #FFFCF6 · #FFFDF8 · #FFFDF9 · #FFFEFB · #FFFEFC · #FFFFFE

Color harmonies

Complementary
#F0F5FF
Triadic
#F0FFFA, #FAF0FF
Analogous
#FFF2F0, #FCFFF0

Accessibility (WCAG contrast)

White text on Floral White1.04:1 · Fail
Black text on Floral White20.18:1 · AAA

Use Floral White in code

.element {
  color: floralwhite;          /* or #fffaf0 */
  background-color: rgb(255 250 240 / 0.5);
}

Frequently asked questions

What is the hex code for Floral White?

Floral White is #FFFAF0 in HEX, rgb(255, 250, 240) in RGB and hsl(40, 100%, 97%) in HSL.

Can I use "floralwhite" directly in CSS?

Yes. "floralwhite" is one of the 148 standard CSS named colors, so color: floralwhite; works in every browser.

Is Floral White readable on white?

The contrast ratio of Floral White on white is 1.04:1 (WCAG Fail). On black it is 20.18:1 (AAA).

What is the complementary color of Floral White?

The complementary color (opposite on the color wheel) is #F0F5FF.

Similar colors

Ivory#FFFFF0Sea Shell#FFF5EESnow#FFFAFALavender Blush#FFF0F5Old Lace#FDF5E6White Smoke#F5F5F5Linen#FAF0E6Mint Cream#F5FFFA

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.