Lavender Blush Analogous Color Scheme
Five colors arranged by the analogous rule around Lavender Blush (#FFF0F5), each snapped to its nearest named color.
#F8EBFC
#FEE8F5
#FFF0F5
#FDEAE6
#FFF5E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Placebo Fuchsia | #F8EBFC | 248, 235, 252 | 286°, 74%, 95% | 2, 7, 0, 1 | 95.5% 0.026 318 | |
| Dolomite Crystal | #FEE8F5 | 254, 232, 245 | 325°, 92%, 95% | 0, 9, 4, 0 | 95.2% 0.029 341 | |
| Lavender Blush | #FFF0F5 | 255, 240, 245 | 340°, 100%, 97% | 0, 6, 4, 0 | 96.8% 0.017 355 | |
| Quartz Light Pink | #FDEAE6 | 253, 234, 230 | 10°, 85%, 95% | 0, 8, 9, 1 | 95.1% 0.021 32 | |
| Silky Tofu | #FFF5E4 | 255, 245, 228 | 38°, 100%, 95% | 0, 4, 11, 0 | 97.3% 0.025 81 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FEE8F5 on #FFF5E4 | 1.08:1 | — |
| Aa #FDEAE6 on #FFF5E4 | 1.07:1 | — |
| Aa #F8EBFC on #FFF5E4 | 1.06:1 | — |
| Aa #FEE8F5 on #FFF0F5 | 1.05:1 | — |
| Aa #FFF0F5 on #FDEAE6 | 1.05:1 | — |
| Aa #F8EBFC on #FFF0F5 | 1.04:1 | — |
CSS variables
:root {
--color-1: #f8ebfc; /* Placebo Fuchsia */
--color-2: #fee8f5; /* Dolomite Crystal */
--color-3: #fff0f5; /* Lavender Blush */
--color-4: #fdeae6; /* Quartz Light Pink */
--color-5: #fff5e4; /* Silky Tofu */
}Other schemes from Lavender Blush
- Lavender Blush Complementary Color Scheme#FFF0F5#FFE5ED#EBFCF5#AAFFEE#EBFCF5
- Lavender Blush Triadic Color Scheme#FFF0F5#F1FDE9#E8EEFE#FFE5ED#C1F9A2
- Lavender Blush Split-complementary Color Scheme#FFF0F5#E7FBEC#E7FEFF#F8A4C0#E7FBEC
- Lavender Blush Tetradic Color Scheme#FFF0F5#FEFFE3#EBFCF5#E6E6FA#FFE5ED
- Lavender Blush Monochromatic Color Scheme#FF5C8D#F8A4C0#FFF0F5#FFE5ED#FFE5ED
More white analogous color schemes
- Anti-Flash White Analogous Color Scheme#EFF5F1#F0F4F2#F2F3F4#EBF1F5#F3F1F3
- Beluga Analogous Color Scheme#F0F4EB#EBF5F0#EFF2F1#EEF2F3#EBEEF3
- Brilliance Analogous Color Scheme#F6F1F4#F5F0F1#FDFDFD#F6F2F1#F6F4EF
- Ceramic Analogous Color Scheme#FFF2E4#FFFFE5#FCFFF9#E7FBEC#E6FDF1
- Chef’s Hat Analogous Color Scheme#EFF5F1#F0F4F2#F3F4F5#EBF1F5#F3F1F3
- Cloud Break Analogous Color Scheme#E8F5FC#E6E8FA#F6F1FE#F8EBFC#FEE8F5
- Cotton Ball Analogous Color Scheme#EBFCF5#EBFCFC#F2F7FD#E6E8FA#F0EBFC
- Doctor Analogous Color Scheme#F6F1F4#F5F0F1#F9F9F9#F6F2F1#F6F4EF
- Dr. White Analogous Color Scheme#F6F1F4#F5F0F1#FAFAFA#F6F2F1#F6F4EF
- Emptiness Analogous Color Scheme#F6F4EF#F4F4F0#FCFDFC#EFF5F1#F0F4F2
- Errigal White Analogous Color Scheme#F0F4F2#EEF2F3#F2F2F4#F3F1F3#F6F1F4
- Everlasting Ice Analogous Color Scheme#F1FAEA#EBFCEC#F6FDFA#E7FAFA#ECF3F9
Questions
What colors go with Lavender Blush?
In a analogous scheme: Placebo Fuchsia (#F8EBFC), Dolomite Crystal (#FEE8F5), Quartz Light Pink (#FDEAE6), Silky Tofu (#FFF5E4).
What is the hex code of Lavender Blush?
#FFF0F5.