Digital Lavender Complementary Color Scheme
Five colors arranged by the complementary rule around Digital Lavender (#CAC0E1), each snapped to its nearest named color.
#CAC0E1
#F1F2F8
#D9E1C1
#B6CA90
#F4F7EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Digital Lavender | #CAC0E1 | 202, 192, 225 | 258°, 35%, 82% | 10, 15, 0, 12 | |
| Alpine Goat | #F1F2F8 | 241, 242, 248 | 231°, 33%, 96% | 3, 2, 0, 3 | |
| Mountain Spring | #D9E1C1 | 217, 225, 193 | 75°, 35%, 82% | 4, 0, 14, 12 | |
| Marsh Fern | #B6CA90 | 182, 202, 144 | 81°, 35%, 68% | 10, 0, 29, 21 | |
| Grass Valley | #F4F7EE | 244, 247, 238 | 80°, 36%, 95% | 1, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B6CA90 on #F4F7EE | 1.64:1 | — |
| Aa #CAC0E1 on #F4F7EE | 1.60:1 | — |
| Aa #F1F2F8 on #B6CA90 | 1.59:1 | — |
| Aa #CAC0E1 on #F1F2F8 | 1.55:1 | — |
| Aa #D9E1C1 on #B6CA90 | 1.31:1 | — |
| Aa #CAC0E1 on #D9E1C1 | 1.28:1 | — |
CSS variables
:root {
--color-1: #cac0e1; /* Digital Lavender */
--color-2: #f1f2f8; /* Alpine Goat */
--color-3: #d9e1c1; /* Mountain Spring */
--color-4: #b6ca90; /* Marsh Fern */
--color-5: #f4f7ee; /* Grass Valley */
}Other schemes from Digital Lavender
- Digital Lavender Analogous Color Scheme#C3D7E0#C4C9E2#CAC0E1#DEC0E2#E5C1D9
- Digital Lavender Triadic Color Scheme#CAC0E1#E0CAC0#C1E0C8#F1F2F8#CA9D8D
- Digital Lavender Split-complementary Color Scheme#CAC0E1#E2DAC2#C5E1C3#9E91C3#F7F5ED
- Digital Lavender Tetradic Color Scheme#CAC0E1#E1C2C5#D9E1C1#C0E1DD#F1F2F8
- Digital Lavender Monochromatic Color Scheme#715BB1#9E91C3#CAC0E1#F1F2F8#F1F2F8
More Very Light Purple complementary palettes
- Beefy Pink Complementary Color Scheme#DEBEEF#F8EBFC#CCEEBB#A3E493#F1FAEA
- 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
- 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 Digital Lavender?
In a complementary scheme: Alpine Goat (#F1F2F8), Mountain Spring (#D9E1C1), Marsh Fern (#B6CA90), Grass Valley (#F4F7EE).
What is the hex code of Digital Lavender?
#CAC0E1.