- No data uploaded
- Instant results
Lavender Blush — #FFF0F5
Lavender Blush is the CSS named colour lavenderblush, hex #FFF0F5. It has a contrast ratio of 1.10:1 on white and 19.03:1 on black — best used as text on dark backgrounds.
Lavender Blush — #FFF0F5
Contrast on white 1.10:1 · on black 19.03:1
Tints
Shades
Complementary
Triadic
Analogous
Using Lavender Blush in code
CSS: color: lavenderblush; or color: #FFF0F5; · Tailwind: text-[#FFF0F5] · Android/Flutter: 0xFFFFF0F5
Lavender Blush colour harmonies
Complementary: #F0FFFA · Triadic: #F5FFF0, #F0F5FF · Analogous: #FFF0FD, #FFF3F0. Use tints for backgrounds and shades for hover states.
Lavender Blush in every colour format
| Format | Value |
|---|---|
| HEX | #FFF0F5 |
| RGB | rgb(255, 240, 245) |
| HSL | hsl(340, 100%, 97%) |
| HSV | hsv(340, 6%, 100%) |
| CMYK | cmyk(0%, 6%, 4%, 0%) |
| CSS name | lavenderblush |
| Contrast on white | 1.10:1 |
| Contrast on black | 19.03:1 |
Frequently asked questions
What is the hex code for Lavender Blush?
#FFF0F5 (CSS name: lavenderblush).
What is Lavender Blush in RGB?
rgb(255, 240, 245)
What colour goes well with Lavender Blush?
Its complementary colour #F0FFFA, or the analogous #FFF0FD and #FFF3F0.