Holographic Lavender Complementary Color Scheme
Five colors arranged by the complementary rule around Holographic Lavender (#F0E5F5), each snapped to its nearest named color.
#F0E5F5
#F3E9F7
#EAF5E7
#B8E2B0
#F1F8EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Holographic Lavender | #F0E5F5 | 240, 229, 245 | 281°, 44%, 93% | 2, 7, 0, 4 | |
| Perfume Haze | #F3E9F7 | 243, 233, 247 | 283°, 47%, 94% | 2, 6, 0, 3 | |
| Floaty Bubble | #EAF5E7 | 234, 245, 231 | 107°, 41%, 93% | 4, 0, 6, 4 | |
| Mint Cocktail Green | #B8E2B0 | 184, 226, 176 | 110°, 46%, 79% | 19, 0, 22, 11 | |
| Garden Dawn | #F1F8EC | 241, 248, 236 | 95°, 46%, 95% | 3, 0, 5, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B8E2B0 on #F1F8EC | 1.33:1 | — |
| Aa #EAF5E7 on #B8E2B0 | 1.29:1 | — |
| Aa #F3E9F7 on #B8E2B0 | 1.22:1 | — |
| Aa #F0E5F5 on #B8E2B0 | 1.18:1 | — |
| Aa #F0E5F5 on #F1F8EC | 1.12:1 | — |
| Aa #F3E9F7 on #F1F8EC | 1.09:1 | — |
CSS variables
:root {
--color-1: #f0e5f5; /* Holographic Lavender */
--color-2: #f3e9f7; /* Perfume Haze */
--color-3: #eaf5e7; /* Floaty Bubble */
--color-4: #b8e2b0; /* Mint Cocktail Green */
--color-5: #f1f8ec; /* Garden Dawn */
}Other schemes from Holographic Lavender
- Holographic Lavender Analogous Color Scheme#E5E8F2#E6E6F1#F0E5F5#F2E4F5#F5E6EA
- Holographic Lavender Triadic Color Scheme#F0E5F5#F4F0E5#E2F7F1#F3E9F7#E1D0AF
- Holographic Lavender Split-complementary Color Scheme#F0E5F5#F0F4E5#E6F3E7#D6B7E2#F6F7ED
- Holographic Lavender Tetradic Color Scheme#F0E5F5#F4E7E5#EAF5E7#E7F0F7#F3E9F7
- Holographic Lavender Monochromatic Color Scheme#B86FC2#D6B7E2#F0E5F5#F3E9F7#F3E9F7
More Very Light Purple complementary palettes
- Beefy Pink Complementary Color Scheme#DEBEEF#F8EBFC#CCEEBB#A3E493#F1FAEA
- Digital Lavender Complementary Color Scheme#CAC0E1#F1F2F8#D9E1C1#B6CA90#F4F7EE
- Diva Complementary Color Scheme#C9A0FF#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Dust of the Moon Complementary Color Scheme#CFC9DF#F1F2F8#D8DDCA#BBC199#F4F7EE
- Foggy Love Complementary Color Scheme#D5C7E8#F0EBFC#D9E8C9#BCCF8F#F2F8ED
- Girl Crush Complementary Color Scheme#D1C0DC#F3F1F3#CEDAC3#A4C48E#EFF5F1
- Greek Goddess Complementary Color Scheme#EDE9EF#F3F1F3#EAF1E6#C1D6B1#EFF5F1
- Homoeopathic Lavender Complementary Color Scheme#E5E0EC#F3F1F3#E6EAE0#C1D0B2#F4F4F0
- Iron Maiden Complementary Color Scheme#D6D1DC#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Lavender Bliss Complementary Color Scheme#CEC3DD#F3F1F3#D1DBC2#AFC195#F4F7EE
- Lilac Complementary Color Scheme#CEA2FD#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Mauve Complementary Color Scheme#E0B0FF#F8EBFC#C8FFB0#B1FF65#F1FDE9
Questions
What colors go with Holographic Lavender?
In a complementary scheme: Perfume Haze (#F3E9F7), Floaty Bubble (#EAF5E7), Mint Cocktail Green (#B8E2B0), Garden Dawn (#F1F8EC).
What is the hex code of Holographic Lavender?
#F0E5F5.