Lavender Bliss Complementary Color Scheme
Five colors arranged by the complementary rule around Lavender Bliss (#CEC3DD), each snapped to its nearest named color.
#CEC3DD
#F3F1F3
#D1DBC2
#AFC195
#F4F7EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lavender Bliss | #CEC3DD | 206, 195, 221 | 265°, 28%, 82% | 7, 12, 0, 13 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 | |
| Balance | #D1DBC2 | 209, 219, 194 | 84°, 26%, 81% | 5, 0, 11, 14 | |
| Harmonious | #AFC195 | 175, 193, 149 | 85°, 26%, 67% | 9, 0, 23, 24 | |
| Grass Valley | #F4F7EE | 244, 247, 238 | 80°, 36%, 95% | 1, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AFC195 on #F4F7EE | 1.78:1 | — |
| Aa #F3F1F3 on #AFC195 | 1.72:1 | — |
| Aa #CEC3DD on #F4F7EE | 1.55:1 | — |
| Aa #CEC3DD on #F3F1F3 | 1.50:1 | — |
| Aa #D1DBC2 on #AFC195 | 1.34:1 | — |
| Aa #D1DBC2 on #F4F7EE | 1.33:1 | — |
CSS variables
:root {
--color-1: #cec3dd; /* Lavender Bliss */
--color-2: #f3f1f3; /* Aragonite White */
--color-3: #d1dbc2; /* Balance */
--color-4: #afc195; /* Harmonious */
--color-5: #f4f7ee; /* Grass Valley */
}Other schemes from Lavender Bliss
- Lavender Bliss Analogous Color Scheme#C4D3DC#C2C7DB#CEC3DD#DAC4DC#DEC4D2
- Lavender Bliss Triadic Color Scheme#CEC3DD#DFCEC2#C5DDD0#F3F1F3#C2A593
- Lavender Bliss Split-complementary Color Scheme#CEC3DD#DEDBC4#C5DCC6#A893C1#F6F4EF
- Lavender Bliss Tetradic Color Scheme#CEC3DD#DFC1C3#D1DBC2#C1DCDB#F3F1F3
- Lavender Bliss Monochromatic Color Scheme#7761AB#A893C1#CEC3DD#F3F1F3#F3F1F3
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
- 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
- Lilac Complementary Color Scheme#CEA2FD#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Mauve Complementary Color Scheme#E0B0FF#F8EBFC#C8FFB0#B1FF65#F1FDE9
Questions
What colors go with Lavender Bliss?
In a complementary scheme: Aragonite White (#F3F1F3), Balance (#D1DBC2), Harmonious (#AFC195), Grass Valley (#F4F7EE).
What is the hex code of Lavender Bliss?
#CEC3DD.