Skip to content
HB
Hue BlenderProfessional color mixing

FloralWhite — #FFFAF0 HEX Color

#FFFAF0rgb(255, 250, 240)
#FFFAF0 color swatch
Mix this color

About FloralWhite

FloralWhite (#FFFAF0) is a warm, light, vivid orange tone with a hue of 40°, saturation of 100% and lightness of 97%. It works well for accents and energetic palettes and conveys a vibrant feeling. On a white background it reaches a contrast ratio of 1.04:1, while on black it reaches 20.18:1 — so prefer black text when using #FFFAF0 as a background.

Color Codes

HEX#FFFAF0
RGBrgb(255, 250, 240)
HSLhsl(40°, 100%, 97%)
CMYKcmyk(0%, 2%, 6%, 0%)
CIELABLab(98.4, 0, 5.4)

Accessibility & Contrast

On white
1.04:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails
On black
20.18:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses

Recommendation: when using #FFFAF0 as a background, use black text for the highest contrast.

Color Schemes

Complementary

#FFFAF0
#F0F5FF

Analogous

#FFF3F0
#FFFAF0
#FDFFF0

Triadic

#FFFAF0
#F0FFFA
#FAF0FF

Split-Complementary

#FFFAF0
#F0FDFF
#F3F0FF

Tints & Shades

Tints (mixed with white)

#FFFAF0
#FFFBF2
#FFFCF5
#FFFCF7
#FFFDFA
#FFFEFC

Shades (mixed with black)

#FFFAF0
#D0CCC4
#A29F99
#777570
#4E4D4A
#292927

CSS Code Snippets

background-color: #FFFAF0;
color: #FFFAF0;
border: 2px solid #FFFAF0;
background: linear-gradient(135deg, #FFFAF0, #f0f5ff);

Code Export

css
:root {
  --color-primary: #fffaf0;
  --color-primary-rgb: 255, 250, 240;
  --color-primary-hsl: 40, 100%, 97%;
}

Explore Color Tools

Related Tools

Contrast CheckerCheck WCAG accessibility
Palette GeneratorGenerate harmonious color palettes
Color ConvertersConvert between HEX, RGB, HSL, CMYK
OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL
Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

#DBBDA8
+=Soft Lavender / Lilac

Mint + Pink

#FBF29C
+=Light Green / Mint

Lavender + Yellow

#FFFF9E
+=Cream / Pale Yellow

Yellow + White

#FFB97C
+=Peach / Salmon

Pink + Yellow

Frequently Asked Questions

What is the name of color #FFFAF0?

Color #FFFAF0 is commonly known as FloralWhite. It is a warm, light, vivid orange tone.

Is #FFFAF0 a warm or cool color?

FloralWhite (#FFFAF0) is a warm color. With a hue of 40°, it falls in the orange family.

What colors go well with #FFFAF0?

Colors that pair well with FloralWhite (#FFFAF0) include its complementary color (#F0F5FF), neutral whites and warm creams, and analogous orange tones for harmonious palettes.