CSS named color
FloralWhite
#FFFAF0
HEX
#fffaf0RGB
rgb(255, 250, 240)HSL
hsl(40, 100%, 97%)OKLCH
oklch(98.62% 0.0142 84.58)NAME
floralwhitePalette
Complementary
180° on the color wheelComplement
#F0F5FF
Analogous
±30° around the base hueLeft
#FFF2F0
Right
#FCFFF0
Triadic
±120° for harmonic contrastTriad 1
#F0FFFA
Triad 2
#FAF0FF
Shades
Lighter and darker variantsCSS usage
By name
color: floralwhite;
background-color: floralwhite;By HEX
color: #fffaf0;
background-color: #fffaf0;By RGB
color: rgb(255, 250, 240);
background-color: rgb(255, 250, 240);By HSL
color: hsl(40, 100%, 97%);
background-color: hsl(40, 100%, 97%);WCAG contrast vs white
Aa
1.04:1
Below minimum
WCAG contrast vs black
Aa
20.18:1
AAA
Related colors
FAQ — FloralWhite
What is the HEX code for FloralWhite?
The HEX code for FloralWhite is #FFFAF0. It's one of the 148 named CSS colors and can be used directly in CSS as color: floralwhite; or color: #fffaf0;
What is FloralWhite in RGB?
FloralWhite in RGB is rgb(255, 250, 240) — red 255, green 250, blue 240.
What is FloralWhite in HSL?
FloralWhite in HSL is hsl(40, 100%, 97%) — hue 40°, saturation 100%, lightness 97%.
What is the complementary color of FloralWhite?
The complementary color (directly opposite FloralWhite on the color wheel) is #F0F5FF. The two together produce maximum contrast.
Is white text readable on FloralWhite?
The WCAG contrast ratio against white (#FFFFFF) is 1.04:1, and against black (#000000) it's 20.18:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.