Moon Glow Complementary Color Scheme

Five colors arranged by the complementary rule around Moon Glow (#F5F3CE), each snapped to its nearest named color.

#F5F3CE

#FAF9EA

#C9D1EF

#8F8CE7

#EEE9F9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Moon Glow	`#F5F3CE`	245, 243, 206	57°, 66%, 88%	0, 1, 16, 4
Stately White	`#FAF9EA`	250, 249, 234	56°, 62%, 95%	0, 0, 6, 2
Frozen Periwinkle	`#C9D1EF`	201, 209, 239	227°, 54%, 86%	16, 13, 0, 6
Perrywinkle	`#8F8CE7`	143, 140, 231	242°, 65%, 73%	38, 39, 0, 9
Bright Dusk	`#EEE9F9`	238, 233, 249	259°, 57%, 95%	4, 6, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FAF9EA on #8F8CE7	2.80:1	—
Aa #F5F3CE on #8F8CE7	2.63:1	—
Aa #8F8CE7 on #EEE9F9	2.50:1	—
Aa #C9D1EF on #8F8CE7	1.96:1	—
Aa #FAF9EA on #C9D1EF	1.43:1	—
Aa #F5F3CE on #C9D1EF	1.34:1	—

CSS variables

:root {
  --color-1: #f5f3ce; /* Moon Glow */
  --color-2: #faf9ea; /* Stately White */
  --color-3: #c9d1ef; /* Frozen Periwinkle */
  --color-4: #8f8ce7; /* Perrywinkle */
  --color-5: #eee9f9; /* Bright Dusk */
}

Other schemes from Moon Glow

More Very Light Yellow complementary palettes

Questions

What colors go with Moon Glow?

In a complementary scheme: Stately White (#FAF9EA), Frozen Periwinkle (#C9D1EF), Perrywinkle (#8F8CE7), Bright Dusk (#EEE9F9).

What is the hex code of Moon Glow?

#F5F3CE.