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%).

What RGB values make Floral White?

Floral White is 255 red, 250 green, and 240 blue, written as rgb(255, 250, 240).

Floral White scores 1.04:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: floralwhite directly in CSS, which every browser resolves to #FFFAF0.

#FFFAF0

Floral White is a white tone at #FFFAF0. It sits at 40 degrees on the color wheel with 100% saturation and 97% lightness.

Color values

Tints mix Floral White with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFFEFC

Tint 60%

#FFFDF9

Tint 40%

#FFFCF6

Tint 20%

#FFFBF3

Base

#FFFAF0

Shade 20%

#CCC8C0

Shade 40%

#999690

Shade 60%

#666460

Shade 80%

#333230

On white

Sample text

1.04:1

Fails WCAG for text

On black

Sample text

20.18:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Floral White?: Floral White is 255 red, 250 green, and 240 blue, written as rgb(255, 250, 240).
Is Floral White readable as text on a white background?: Floral White scores 1.04:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Floral White a valid CSS color name?: Yes. You can write color: floralwhite directly in CSS, which every browser resolves to #FFFAF0.