Magical Moonlight Complementary Color Scheme
Five colors arranged by the complementary rule around Magical Moonlight (#F0EEEB), each snapped to its nearest named color.
#F0EEEB
#F6F4EF
#E9EDF1
#BAC4D5
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magical Moonlight | #F0EEEB | 240, 238, 235 | 36°, 14%, 93% | 0, 1, 2, 6 | |
| The Speed of Light | #F6F4EF | 246, 244, 239 | 43°, 28%, 95% | 0, 1, 3, 4 | |
| Walls of Santorini | #E9EDF1 | 233, 237, 241 | 210°, 22%, 93% | 3, 2, 0, 5 | |
| Candela | #BAC4D5 | 186, 196, 213 | 218°, 24%, 78% | 13, 8, 0, 16 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F4EF on #BAC4D5 | 1.60:1 | — |
| Aa #BAC4D5 on #EEF2F3 | 1.56:1 | — |
| Aa #F0EEEB on #BAC4D5 | 1.52:1 | — |
| Aa #E9EDF1 on #BAC4D5 | 1.49:1 | — |
| Aa #F6F4EF on #E9EDF1 | 1.07:1 | — |
| Aa #F0EEEB on #F6F4EF | 1.05:1 | — |
CSS variables
:root {
--color-1: #f0eeeb; /* Magical Moonlight */
--color-2: #f6f4ef; /* The Speed of Light */
--color-3: #e9edf1; /* Walls of Santorini */
--color-4: #bac4d5; /* Candela */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Magical Moonlight
- Magical Moonlight Analogous Color Scheme#F1E8EC#F2EBEA#F0EEEB#F1F3E8#EBF1E9
- Magical Moonlight Triadic Color Scheme#F0EEEB#EAF2ED#ECE7F2#F6F4EF#BAD3C7
- Magical Moonlight Split-complementary Color Scheme#F0EEEB#EAF2F1#E9E9F0#D6CAB9#F0F4F2
- Magical Moonlight Tetradic Color Scheme#F0EEEB#E8F2EB#E9EDF1#F4EAF0#F6F4EF
- Magical Moonlight Monochromatic Color Scheme#AEA494#D1C9BE#F0EEEB#F4F4F0#F4F4F0
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Magical Moonlight?
In a complementary scheme: The Speed of Light (#F6F4EF), Walls of Santorini (#E9EDF1), Candela (#BAC4D5), Maui Mist (#EEF2F3).
What is the hex code of Magical Moonlight?
#F0EEEB.