FloralWhite Color — HEX, RGB, HSL, Palettes & Contrast

FloralWhite (#fffaf0): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#fffaf0
HEX #fffaf0
RGB rgb(255, 250, 240)
HSL 40°, 100%, 97%

Use FloralWhite in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About FloralWhite Color

FloralWhite is a warm, delicate off-white with a subtle floral undertone. It adds a gentle, romantic touch to wedding and beauty-themed designs.

Use Cases for FloralWhite

wedding themesbeauty brandsromantic designsoft backgroundsfloral sites

Shades & Tints of FloralWhite

#ffffff
#fffefb
#fffdf8
#fffbf4
#fffaf0
#bfbcb4
#807d78
#403f3c
#000000

Complementary Color

#fffaf0
#f0f5ff

Analogous Colors

#fff2f0
#fffaf0
#fcfff0

Triadic Colors

#fffaf0
#f0fffa
#faf0ff

Split Complementary

#fffaf0
#f0fcff
#f2f0ff

Tetradic Colors

#fffaf0
#f5fff0
#f0f5ff
#faf0ff

CSS Code

.floralwhite-color {
  color: #fffaf0;
  background-color: #fffaf0;
}

/* As a CSS custom property */
:root {
  --color-floralwhite: #fffaf0;
}

Accessibility Score

55 / 100
Rating: Fair
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✗ Versatile lightness for backgrounds & text (25 pts)
✗ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on FloralWhite
Ratio: 20.18:1 ✓ Passes AA ✓ Passes AAA
White text on FloralWhite
Ratio: 1.04:1 ✗ Fails AA ✗ Fails AAA

Related Colors

SeaShell
OldLace
Ivory
Snow
MistyRose

Related Tools

Frequently Asked Questions

What color is FloralWhite?

FloralWhite is represented by the hex code #fffaf0 and has RGB values of rgb(255, 250, 240). It falls under the White category.

How to use FloralWhite in web design?

FloralWhite works well for wedding themes, beauty brands, romantic design. FloralWhite is a warm, delicate off-white with a subtle floral undertone. It adds a gentle, romantic touch to wedding and beauty-themed designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with FloralWhite?

Colors that pair well with FloralWhite include seashell, oldlace, ivory, snow, mistyrose. For a complementary scheme, try #f0f5ff. For an analogous scheme, use #fff2f0 and #fcfff0. For a triadic scheme, combine with #f0fffa and #faf0ff.