Foggy Love Complementary Color Scheme
Five colors arranged by the complementary rule around Foggy Love (#D5C7E8), each snapped to its nearest named color.
#D5C7E8
#F0EBFC
#D9E8C9
#BCCF8F
#F2F8ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Foggy Love | #D5C7E8 | 213, 199, 232 | 265°, 42%, 85% | 8, 14, 0, 9 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | |
| Flower Bulb | #D9E8C9 | 217, 232, 201 | 89°, 40%, 85% | 6, 0, 13, 9 | |
| Haricot | #BCCF8F | 188, 207, 143 | 78°, 40%, 69% | 9, 0, 31, 19 | |
| Unwind | #F2F8ED | 242, 248, 237 | 93°, 44%, 95% | 2, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BCCF8F on #F2F8ED | 1.56:1 | — |
| Aa #D5C7E8 on #F2F8ED | 1.48:1 | — |
| Aa #F0EBFC on #BCCF8F | 1.44:1 | — |
| Aa #D5C7E8 on #F0EBFC | 1.37:1 | — |
| Aa #D9E8C9 on #BCCF8F | 1.31:1 | — |
| Aa #D5C7E8 on #D9E8C9 | 1.24:1 | — |
CSS variables
:root {
--color-1: #d5c7e8; /* Foggy Love */
--color-2: #f0ebfc; /* Placebo Purple */
--color-3: #d9e8c9; /* Flower Bulb */
--color-4: #bccf8f; /* Haricot */
--color-5: #f2f8ed; /* Unwind */
}Other schemes from Foggy Love
- Foggy Love Analogous Color Scheme#C7DAE8#C7CCE7#D5C7E8#E7C3E7#EAC8DA
- Foggy Love Triadic Color Scheme#D5C7E8#E8D5C6#C9EAD4#F0EBFC#D2AA92
- Foggy Love Split-complementary Color Scheme#D5C7E8#EBE6C7#CBE9C9#AA8ED6#F9F7EC
- Foggy Love Tetradic Color Scheme#D5C7E8#EAC7CB#D9E8C9#C5E8E7#F0EBFC
- Foggy Love Monochromatic Color Scheme#8D5EB7#AA8ED6#D5C7E8#F0EBFC#F0EBFC
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
- Girl Crush Complementary Color Scheme#D1C0DC#F3F1F3#CEDAC3#A4C48E#EFF5F1
- Greek Goddess Complementary Color Scheme#EDE9EF#F3F1F3#EAF1E6#C1D6B1#EFF5F1
- Holographic Lavender Complementary Color Scheme#F0E5F5#F3E9F7#EAF5E7#B8E2B0#F1F8EC
- 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 Foggy Love?
In a complementary scheme: Placebo Purple (#F0EBFC), Flower Bulb (#D9E8C9), Haricot (#BCCF8F), Unwind (#F2F8ED).
What is the hex code of Foggy Love?
#D5C7E8.