Light Spirited Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Light Spirited (#D8EEE7), each snapped to its nearest named color.
#D8EEE7
#EFD7E7
#EDDBD7
#A1D7C9
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Spirited | #D8EEE7 | 216, 238, 231 | 161°, 39%, 89% | 9, 0, 3, 7 | |
| All Made Up | #EFD7E7 | 239, 215, 231 | 320°, 43%, 89% | 0, 10, 3, 6 | |
| Cottingley Fairies | #EDDBD7 | 237, 219, 215 | 11°, 38%, 89% | 0, 8, 9, 7 | |
| Yucca Cream | #A1D7C9 | 161, 215, 201 | 164°, 40%, 74% | 25, 0, 7, 16 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A1D7C9 on #F8EEF4 | 1.42:1 | — |
| Aa #D8EEE7 on #A1D7C9 | 1.32:1 | — |
| Aa #EDDBD7 on #A1D7C9 | 1.20:1 | — |
| Aa #EFD7E7 on #F8EEF4 | 1.19:1 | — |
| Aa #EFD7E7 on #A1D7C9 | 1.19:1 | — |
| Aa #EDDBD7 on #F8EEF4 | 1.18:1 | — |
CSS variables
:root {
--color-1: #d8eee7; /* Light Spirited */
--color-2: #efd7e7; /* All Made Up */
--color-3: #eddbd7; /* Cottingley Fairies */
--color-4: #a1d7c9; /* Yucca Cream */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Light Spirited
- Light Spirited Complementary Color Scheme#D8EEE7#ECF7F7#EEDADD#D4A1B5#F7EFEF
- Light Spirited Analogous Color Scheme#DFEDDA#D6EEDD#D8EEE7#DAEBEF#D6DFEC
- Light Spirited Triadic Color Scheme#D8EEE7#E7D7EF#EDE7D7#ECF7F7#C9A0DC
- Light Spirited Tetradic Color Scheme#D8EEE7#DBD7F2#EEDADD#EAEED8#ECF7F7
- Light Spirited Monochromatic Color Scheme#73C4A4#A1D7C9#D8EEE7#ECF7F7#ECF7F7
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Light Spirited?
In a split-complementary scheme: All Made Up (#EFD7E7), Cottingley Fairies (#EDDBD7), Yucca Cream (#A1D7C9), Sentimental Pink (#F8EEF4).
What is the hex code of Light Spirited?
#D8EEE7.