Skip to content

Lavender blush

Lavender blush is a white with a faint pink tint. Hex code #FFF0F5.

Lavender blush#FFF0F5

Color codes

  • CSS namelavenderblush
  • HEX#FFF0F5
  • RGBrgb(255 240 245)
  • HSLhsl(340 100% 97%)
  • HSB / HSVhsb(340, 6%, 100%)
  • OKLCHoklch(96.8% 0.017 355.1)
  • CMYKcmyk(0%, 6%, 4%, 0%)

White text

1.10:1 · fails WCAG

Black text

19.03:1 · passes WCAG AAA

Shades

50#FCEDF2
100#DFD0D5
200#C2B4B9
300#A6989D
400#8B7E82
500#716468
600#574B4F
700#3F3438
800#291E22

Tones

#786B6F
#9C8E93
#C1B3B8
#E8D9DE
#FFF0F5

About this color

Lavender blush in CSS and design

Lavender blush is a white with a faint pink tint. Lavender blush is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: lavenderblush;
color: #FFF0F5;
color: rgb(255 240 245);
color: hsl(340 100% 97%);

For text on lavender blush, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for lavender blush?

#FFF0F5. In CSS you can also use the keyword lavenderblush, which works in every browser.

What is lavender blush in RGB and HSL?

In RGB it is rgb(255 240 245), in HSL hsl(340 100% 97%). For print, cmyk(0%, 6%, 4%, 0%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on lavender blush?

Black text works better: it has a contrast ratio of 19.03:1 and passes WCAG AAA. White text reaches 1.10:1.

Which colors go with lavender blush?

As a neutral, lavender blush goes with almost any color. It works well as a background, border or text color next to a vivid accent, and with the lighter and darker tones from its shades.