Lavender Blush #FFF0F5

Lavender Blush#FFF0F5 · rgb(255, 240, 245)

Lavender Blush color codes

CSS namelavenderblush
HEX#FFF0F5
RGBrgb(255, 240, 245)
HSLhsl(340, 100%, 97%)
CMYKcmyk(0%, 6%, 4%, 0%)
Decimal16773365

Shades of Lavender Blush (darker)

#E6D8DD · #CCC0C4 · #B3A8AC · #999093 · #80787B · #666062 · #4D484A · #333031 · #1A1819

Tints of Lavender Blush (lighter)

#FFF2F6 · #FFF3F7 · #FFF5F8 · #FFF6F9 · #FFF8FA · #FFF9FB · #FFFBFC · #FFFCFD · #FFFEFE

Color harmonies

Complementary
#F0FFFA
Triadic
#F5FFF0, #F0F5FF
Analogous
#FFF0FC, #FFF2F0

Accessibility (WCAG contrast)

White text on Lavender Blush1.10:1 · Fail
Black text on Lavender Blush19.03:1 · AAA

Use Lavender Blush in code

.element {
  color: lavenderblush;          /* or #fff0f5 */
  background-color: rgb(255 240 245 / 0.5);
}

Frequently asked questions

What is the hex code for Lavender Blush?

Lavender Blush is #FFF0F5 in HEX, rgb(255, 240, 245) in RGB and hsl(340, 100%, 97%) in HSL.

Can I use "lavenderblush" directly in CSS?

Yes. "lavenderblush" is one of the 148 standard CSS named colors, so color: lavenderblush; works in every browser.

Is Lavender Blush readable on white?

The contrast ratio of Lavender Blush on white is 1.10:1 (WCAG Fail). On black it is 19.03:1 (AAA).

What is the complementary color of Lavender Blush?

The complementary color (opposite on the color wheel) is #F0FFFA.

Similar colors

Sea Shell#FFF5EEFloral White#FFFAF0Snow#FFFAFAWhite Smoke#F5F5F5Ghost White#F8F8FFIvory#FFFFF0Linen#FAF0E6Old Lace#FDF5E6

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.