Huebook

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

NameHEXRGBHSLCMYK
Rose Fantasy#F1E8EC241, 232, 236333°, 24%, 93%0, 4, 2, 5
Opulent Opal#F2EBEA242, 235, 2347°, 24%, 93%0, 3, 3, 5
Magical Moonlight#F0EEEB240, 238, 23536°, 14%, 93%0, 1, 2, 6
Quiet Whisper#F1F3E8241, 243, 23271°, 31%, 93%1, 0, 5, 5
Breakwater White#EBF1E9235, 241, 233105°, 22%, 93%2, 0, 3, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F1E8EC on #F1F3E81.07:1—
Aa #F2EBEA on #F1F3E81.05:1—
Aa #F1E8EC on #EBF1E91.05:1—
Aa #F1E8EC on #F0EEEB1.04:1—
Aa #F0EEEB on #F1F3E81.03:1—
Aa #F2EBEA on #EBF1E91.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

More Very Light Orange analogous palettes

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.