Huebook

Sailor Moonlight Triadic Color Scheme

Five colors arranged by the triadic rule around Sailor Moonlight (#F6F1A9), each snapped to its nearest named color.

#F6F1A9
#ABF5ED
#F1A7FE
#FFFBE8
#66EEEE

Color names and codes

NameHEXRGBHSLCMYK
Sailor Moonlight#F6F1A9246, 241, 16956°, 81%, 81%0, 2, 31, 4
Pale King’s Blue#ABF5ED171, 245, 237174°, 79%, 82%30, 0, 3, 4
Rich Brilliant Lavender#F1A7FE241, 167, 254291°, 98%, 83%5, 34, 0, 0
Blended Light#FFFBE8255, 251, 23250°, 100%, 95%0, 2, 9, 0
Poseidon Jr.#66EEEE102, 238, 238180°, 80%, 67%57, 0, 0, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F1A7FE on #FFFBE81.73:1—
Aa #F6F1A9 on #F1A7FE1.54:1—
Aa #ABF5ED on #F1A7FE1.45:1—
Aa #FFFBE8 on #66EEEE1.35:1—
Aa #F1A7FE on #66EEEE1.28:1—
Aa #F6F1A9 on #66EEEE1.20:1—

CSS variables

:root {
  --color-1: #f6f1a9; /* Sailor Moonlight */
  --color-2: #abf5ed; /* Pale King’s Blue */
  --color-3: #f1a7fe; /* Rich Brilliant Lavender */
  --color-4: #fffbe8; /* Blended Light */
  --color-5: #66eeee; /* Poseidon Jr. */
}

Other schemes from Sailor Moonlight

More Very Light Yellow triadic palettes

Questions

What colors go with Sailor Moonlight?

In a triadic scheme: Pale King’s Blue (#ABF5ED), Rich Brilliant Lavender (#F1A7FE), Blended Light (#FFFBE8), Poseidon Jr. (#66EEEE).

What is the hex code of Sailor Moonlight?

#F6F1A9.