Light Spirited Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Light Spirited (#D8EEE7), each snapped to its nearest named color.
#73C4A4
#A1D7C9
#D8EEE7
#ECF7F7
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gem Silica | #73C4A4 | 115, 196, 164 | 156°, 41%, 61% | 41, 0, 16, 23 | |
| Yucca Cream | #A1D7C9 | 161, 215, 201 | 164°, 40%, 74% | 25, 0, 7, 16 | |
| 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 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #73C4A4 on #ECF7F7 | 1.89:1 | — |
| Aa #73C4A4 on #ECF7F7 | 1.89:1 | — |
| Aa #73C4A4 on #D8EEE7 | 1.70:1 | — |
| Aa #A1D7C9 on #ECF7F7 | 1.47:1 | — |
| Aa #A1D7C9 on #ECF7F7 | 1.47:1 | — |
| Aa #A1D7C9 on #D8EEE7 | 1.32:1 | — |
CSS variables
:root {
--color-1: #73c4a4; /* Gem Silica */
--color-2: #a1d7c9; /* Yucca Cream */
--color-3: #d8eee7; /* Light Spirited */
--color-4: #ecf7f7; /* Aijiro White */
--color-5: #ecf7f7; /* Aijiro White */
}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 Split-complementary Color Scheme#D8EEE7#EFD7E7#EDDBD7#A1D7C9#F8EEF4
- Light Spirited Tetradic Color Scheme#D8EEE7#DBD7F2#EEDADD#EAEED8#ECF7F7
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Light Spirited?
In a monochromatic scheme: Gem Silica (#73C4A4), Yucca Cream (#A1D7C9), Aijiro White (#ECF7F7), Aijiro White (#ECF7F7).
What is the hex code of Light Spirited?
#D8EEE7.