Magical Moonlight Analogous Color Scheme
Five colors arranged by the analogous rule around Magical Moonlight (#F0EEEB), each snapped to its nearest named color.
#F1E8EC
#F2EBEA
#F0EEEB
#F1F3E8
#EBF1E9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rose Fantasy | #F1E8EC | 241, 232, 236 | 333°, 24%, 93% | 0, 4, 2, 5 | |
| Opulent Opal | #F2EBEA | 242, 235, 234 | 7°, 24%, 93% | 0, 3, 3, 5 | |
| Magical Moonlight | #F0EEEB | 240, 238, 235 | 36°, 14%, 93% | 0, 1, 2, 6 | |
| Quiet Whisper | #F1F3E8 | 241, 243, 232 | 71°, 31%, 93% | 1, 0, 5, 5 | |
| Breakwater White | #EBF1E9 | 235, 241, 233 | 105°, 22%, 93% | 2, 0, 3, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1E8EC on #F1F3E8 | 1.07:1 | — |
| Aa #F2EBEA on #F1F3E8 | 1.05:1 | — |
| Aa #F1E8EC on #EBF1E9 | 1.05:1 | — |
| Aa #F1E8EC on #F0EEEB | 1.04:1 | — |
| Aa #F0EEEB on #F1F3E8 | 1.03:1 | — |
| Aa #F2EBEA on #EBF1E9 | 1.02:1 | — |
CSS variables
:root {
--color-1: #f1e8ec; /* Rose Fantasy */
--color-2: #f2ebea; /* Opulent Opal */
--color-3: #f0eeeb; /* Magical Moonlight */
--color-4: #f1f3e8; /* Quiet Whisper */
--color-5: #ebf1e9; /* Breakwater White */
}Other schemes from Magical Moonlight
- Magical Moonlight Complementary Color Scheme#F0EEEB#F6F4EF#E9EDF1#BAC4D5#EEF2F3
- 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 analogous palettes
- A Smell of Bakery Analogous Color Scheme#F5DAE3#F3DBD9#F3E9D9#F1F3DA#E2F4D7
- Acropolis Analogous Color Scheme#F2CFE0#F6CBCA#F8E2CA#F7F7CB#EAF7C9
- Air-Kiss Analogous Color Scheme#F8D0E8#F7D2D8#F6DCD2#F6EED1#ECF4D2
- Albescent Analogous Color Scheme#E1C9D1#E3D1CC#E1DACB#DFE1CC#D2E3CC
- Almond Analogous Color Scheme#EDC9D8#ECC9CA#EDDCC8#EDEDC7#DAECC5
- Almond Brittle Analogous Color Scheme#E6BCCD#E5BEBA#E5D3B9#E6E6BC#C8E4B9
- Alpaca Analogous Color Scheme#FAE2ED#FAE3E3#F9EDE2#FBF9E1#EBF7E4
- Ancient Scroll Analogous Color Scheme#F2CFDC#EFD5CF#F0E4D1#EEF0D1#DAEED3
- Angel Wing Analogous Color Scheme#F4D8E8#F4D7DC#F3DFD7#F2EDD7#ECF3D8
- Angelic White Analogous Color Scheme#F5E3EA#F4E4E5#F4EDE4#F5F5E4#EAF3E6
- Apricot Freeze Analogous Color Scheme#F5B9D8#F0B9BE#F3CFB7#F6EDB6#D9EEB4
- Apricot Sherbet Analogous Color Scheme#FF99CC#FF9999#FBCD9F#FCFC9D#C1FD95
Questions
What colors go with Magical Moonlight?
In a analogous scheme: Rose Fantasy (#F1E8EC), Opulent Opal (#F2EBEA), Quiet Whisper (#F1F3E8), Breakwater White (#EBF1E9).
What is the hex code of Magical Moonlight?
#F0EEEB.