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

LavenderBlush (#fff0f5): 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.

#fff0f5
HEX #fff0f5
RGB rgb(255, 240, 245)
HSL 340°, 100%, 97%

Use LavenderBlush in Your Projects

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

About LavenderBlush Color

LavenderBlush is a very pale pink with a cool lavender undertone. It adds a soft, romantic glow to beauty, wedding, and feminine brands.

Use Cases for LavenderBlush

beauty brandswedding themesfeminine designsoft backgroundsromantic UI

Shades & Tints of LavenderBlush

#ffffff
#fffbfd
#fff8fa
#fff4f8
#fff0f5
#bfb4b8
#80787b
#403c3d
#000000

Complementary Color

#fff0f5
#f0fffa

Analogous Colors

#fff0fc
#fff0f5
#fff2f0

Triadic Colors

#fff0f5
#f5fff0
#f0f5ff

Split Complementary

#fff0f5
#f0fff2
#f0fcff

Tetradic Colors

#fff0f5
#fffaf0
#f0fffa
#f0f5ff

CSS Code

.lavenderblush-color {
  color: #fff0f5;
  background-color: #fff0f5;
}

/* As a CSS custom property */
:root {
  --color-lavenderblush: #fff0f5;
}

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 LavenderBlush
Ratio: 19.03:1 ✓ Passes AA ✓ Passes AAA
White text on LavenderBlush
Ratio: 1.1:1 ✗ Fails AA ✗ Fails AAA

Related Colors

MistyRose
SeaShell
Lavender
Thistle
Pink

Related Tools

Frequently Asked Questions

What color is LavenderBlush?

LavenderBlush is represented by the hex code #fff0f5 and has RGB values of rgb(255, 240, 245). It falls under the Pink category.

How to use LavenderBlush in web design?

LavenderBlush works well for beauty brands, wedding themes, feminine design. LavenderBlush is a very pale pink with a cool lavender undertone. It adds a soft, romantic glow to beauty, wedding, and feminine brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LavenderBlush?

Colors that pair well with LavenderBlush include mistyrose, seashell, lavender, thistle, pink. For a complementary scheme, try #f0fffa. For an analogous scheme, use #fff0fc and #fff2f0. For a triadic scheme, combine with #f5fff0 and #f0f5ff.