Ghost White Complementary Color Scheme

Five colors arranged by the complementary rule around Ghost White (#F8F8FF), each snapped to its nearest named color.

#F8F8FF

#E6E6FA

#FFFFE5

#FFFFAA

#FFFFE5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ghost White	`#F8F8FF`	248, 248, 255	240°, 100%, 99%	3, 3, 0, 0
Cyber Lavender	`#E6E6FA`	230, 230, 250	240°, 67%, 94%	8, 8, 0, 2
La Luna	`#FFFFE5`	255, 255, 229	60°, 100%, 95%	0, 0, 10, 0
Ginger Lemon Tea	`#FFFFAA`	255, 255, 170	60°, 100%, 83%	0, 0, 33, 0
La Luna	`#FFFFE5`	255, 255, 229	60°, 100%, 95%	0, 0, 10, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E6E6FA on #FFFFE5	1.21:1	—
Aa #E6E6FA on #FFFFE5	1.21:1	—
Aa #E6E6FA on #FFFFAA	1.18:1	—
Aa #F8F8FF on #E6E6FA	1.16:1	—
Aa #F8F8FF on #FFFFE5	1.04:1	—
Aa #F8F8FF on #FFFFE5	1.04:1	—

CSS variables

:root {
  --color-1: #f8f8ff; /* Ghost White */
  --color-2: #e6e6fa; /* Cyber Lavender */
  --color-3: #ffffe5; /* La Luna */
  --color-4: #ffffaa; /* Ginger Lemon Tea */
  --color-5: #ffffe5; /* La Luna */
}

Other schemes from Ghost White

More White complementary palettes

Questions

What colors go with Ghost White?

In a complementary scheme: Cyber Lavender (#E6E6FA), La Luna (#FFFFE5), Ginger Lemon Tea (#FFFFAA), La Luna (#FFFFE5).

What is the hex code of Ghost White?

#F8F8FF.