Ethereal Moonlight Complementary Color Scheme
Five colors arranged by the complementary rule around Ethereal Moonlight (#D5E4EC), each snapped to its nearest named color.
#D5E4EC
#ECF3F9
#ECDDD4
#D7B1A5
#F8F1EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ethereal Moonlight | #D5E4EC | 213, 228, 236 | 201°, 38%, 88% | 10, 3, 0, 7 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Cliff Swallow | #ECDDD4 | 236, 221, 212 | 22°, 39%, 88% | 0, 6, 10, 7 | |
| Sandpaper | #D7B1A5 | 215, 177, 165 | 14°, 38%, 75% | 0, 18, 23, 16 | |
| Shea | #F8F1EB | 248, 241, 235 | 28°, 48%, 95% | 0, 3, 5, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D7B1A5 on #F8F1EB | 1.75:1 | — |
| Aa #ECF3F9 on #D7B1A5 | 1.75:1 | — |
| Aa #D5E4EC on #D7B1A5 | 1.51:1 | — |
| Aa #ECDDD4 on #D7B1A5 | 1.48:1 | — |
| Aa #ECDDD4 on #F8F1EB | 1.18:1 | — |
| Aa #ECF3F9 on #ECDDD4 | 1.18:1 | — |
CSS variables
:root {
--color-1: #d5e4ec; /* Ethereal Moonlight */
--color-2: #ecf3f9; /* Insignia White */
--color-3: #ecddd4; /* Cliff Swallow */
--color-4: #d7b1a5; /* Sandpaper */
--color-5: #f8f1eb; /* Shea */
}Other schemes from Ethereal Moonlight
- Ethereal Moonlight Analogous Color Scheme#D5EBDD#D7EDE8#D5E4EC#D4D8ED#DDD6E7
- Ethereal Moonlight Triadic Color Scheme#D5E4EC#EBD3E4#E6ECD6#ECF3F9#D8A1C4
- Ethereal Moonlight Split-complementary Color Scheme#D5E4EC#ECD5D9#EDE9D4#A2C2D0#F7EFEF
- Ethereal Moonlight Tetradic Color Scheme#D5E4EC#E7D6ED#ECDDD4#D8EBD6#ECF3F9
- Ethereal Moonlight Monochromatic Color Scheme#6BA0BF#A2C2D0#D5E4EC#ECF3F9#ECF3F9
More Very Light Blue complementary palettes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
Questions
What colors go with Ethereal Moonlight?
In a complementary scheme: Insignia White (#ECF3F9), Cliff Swallow (#ECDDD4), Sandpaper (#D7B1A5), Shea (#F8F1EB).
What is the hex code of Ethereal Moonlight?
#D5E4EC.