Light Spirited Complementary Color Scheme
Five colors arranged by the complementary rule around Light Spirited (#D8EEE7), each snapped to its nearest named color.
#D8EEE7
#ECF7F7
#EEDADD
#D4A1B5
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Spirited | #D8EEE7 | 216, 238, 231 | 161°, 39%, 89% | 9, 0, 3, 7 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Sweet Bianca | #EEDADD | 238, 218, 221 | 351°, 37%, 89% | 0, 8, 7, 7 | |
| Gizmo | #D4A1B5 | 212, 161, 181 | 336°, 37%, 73% | 0, 24, 15, 17 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #D4A1B5 | 2.01:1 | — |
| Aa #D4A1B5 on #F7EFEF | 1.94:1 | — |
| Aa #D8EEE7 on #D4A1B5 | 1.81:1 | — |
| Aa #EEDADD on #D4A1B5 | 1.64:1 | — |
| Aa #ECF7F7 on #EEDADD | 1.22:1 | — |
| Aa #EEDADD on #F7EFEF | 1.18:1 | — |
CSS variables
:root {
--color-1: #d8eee7; /* Light Spirited */
--color-2: #ecf7f7; /* Aijiro White */
--color-3: #eedadd; /* Sweet Bianca */
--color-4: #d4a1b5; /* Gizmo */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Light Spirited
- Light Spirited Analogous Color Scheme#DFEDDA#D6EEDD#D8EEE7#DAEBEF#D6DFEC
- Light Spirited Triadic Color Scheme#D8EEE7#E7D7EF#EDE7D7#ECF7F7#C9A0DC
- Light Spirited Split-complementary Color Scheme#D8EEE7#EFD7E7#EDDBD7#A1D7C9#F8EEF4
- Light Spirited Tetradic Color Scheme#D8EEE7#DBD7F2#EEDADD#EAEED8#ECF7F7
- Light Spirited Monochromatic Color Scheme#73C4A4#A1D7C9#D8EEE7#ECF7F7#ECF7F7
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Light Spirited?
In a complementary scheme: Aijiro White (#ECF7F7), Sweet Bianca (#EEDADD), Gizmo (#D4A1B5), Vienna Dawn (#F7EFEF).
What is the hex code of Light Spirited?
#D8EEE7.