Lavender Blush hex code
The hex code for lavender blush is #FFF0F5. In RGB that is rgb(255, 240, 245) and in HSL it is hsl(340, 100%, 97%).
The hex code for lavender blush is #FFF0F5. In RGB that is rgb(255, 240, 245) and in HSL it is hsl(340, 100%, 97%).
Lavender Blush · #FFF0F5
Colour codes
- HEX
- #FFF0F5
- RGB
- rgb(255, 240, 245)
- HSL
- hsl(340, 100%, 97%)
- CMYK
- 0, 6, 4, 0
- CSS name
- lavenderblush
- Contrast on white
- 1.10:1
- Contrast on black
- 19.03:1
Tints and shades
20% lighter · #fff3f7
40% lighter · #fff6f9
60% lighter · #fff9fb
80% lighter · #fffcfd
20% darker · #ccc0c4
40% darker · #999093
60% darker · #666062
80% darker · #333031
Complementary colour
Lavender Blush · #FFF0F5
Opposite on the colour wheel · #f0fffa
Frequently asked questions
What is the hex code for lavender blush?
The hex code for lavender blush is #FFF0F5. In RGB that is rgb(255, 240, 245) and in HSL it is hsl(340, 100%, 97%).
Can I use lavender blush for text?
It has a contrast ratio of 1.10:1 on white and 19.03:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with lavender blush?
Its complementary colour, opposite on the colour wheel, is #F0FFFA. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of lavender blush instead.
Is lavender blush a CSS colour name?
Yes. CSS accepts the keyword lavenderblush, so color: lavenderblush and color: #FFF0F5 render exactly the same.