CSS named color
LavenderBlush
#FFF0F5
HEX
#fff0f5RGB
rgb(255, 240, 245)HSL
hsl(340, 100%, 97%)OKLCH
oklch(96.83% 0.0174 355.10)NAME
lavenderblushPalette
Complementary
180° on the color wheelComplement
#F0FFFA
Analogous
±30° around the base hueLeft
#FFF0FC
Right
#FFF2F0
Triadic
±120° for harmonic contrastTriad 1
#F5FFF0
Triad 2
#F0F5FF
Shades
Lighter and darker variantsCSS usage
By name
color: lavenderblush;
background-color: lavenderblush;By HEX
color: #fff0f5;
background-color: #fff0f5;By RGB
color: rgb(255, 240, 245);
background-color: rgb(255, 240, 245);By HSL
color: hsl(340, 100%, 97%);
background-color: hsl(340, 100%, 97%);WCAG contrast vs white
Aa
1.10:1
Below minimum
WCAG contrast vs black
Aa
19.03:1
AAA
Related colors
FAQ — LavenderBlush
What is the HEX code for LavenderBlush?
The HEX code for LavenderBlush is #FFF0F5. It's one of the 148 named CSS colors and can be used directly in CSS as color: lavenderblush; or color: #fff0f5;
What is LavenderBlush in RGB?
LavenderBlush in RGB is rgb(255, 240, 245) — red 255, green 240, blue 245.
What is LavenderBlush in HSL?
LavenderBlush in HSL is hsl(340, 100%, 97%) — hue 340°, saturation 100%, lightness 97%.
What is the complementary color of LavenderBlush?
The complementary color (directly opposite LavenderBlush on the color wheel) is #F0FFFA. The two together produce maximum contrast.
Is white text readable on LavenderBlush?
The WCAG contrast ratio against white (#FFFFFF) is 1.10:1, and against black (#000000) it's 19.03:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.