Huebook

Sailor Moonlight Tetradic Color Scheme

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

#F6F1A9
#ABF4D2
#A3B1F2
#FBAED2
#FFFBE8

Color names and codes

NameHEXRGBHSLCMYK
Sailor Moonlight#F6F1A9246, 241, 16956°, 81%, 81%0, 2, 31, 4
Mintie#ABF4D2171, 244, 210152°, 77%, 81%30, 0, 14, 4
Wondrous Wisteria#A3B1F2163, 177, 242229°, 75%, 79%33, 27, 0, 5
Spaghetti Strap Pink#FBAED2251, 174, 210332°, 91%, 83%0, 31, 16, 2
Blended Light#FFFBE8255, 251, 23250°, 100%, 95%0, 2, 9, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A3B1F2 on #FFFBE82.00:1—
Aa #F6F1A9 on #A3B1F21.78:1—
Aa #FBAED2 on #FFFBE81.67:1—
Aa #ABF4D2 on #A3B1F21.64:1—
Aa #F6F1A9 on #FBAED21.50:1—
Aa #ABF4D2 on #FBAED21.37:1—

CSS variables

:root {
  --color-1: #f6f1a9; /* Sailor Moonlight */
  --color-2: #abf4d2; /* Mintie */
  --color-3: #a3b1f2; /* Wondrous Wisteria */
  --color-4: #fbaed2; /* Spaghetti Strap Pink */
  --color-5: #fffbe8; /* Blended Light */
}

Other schemes from Sailor Moonlight

More Very Light Yellow tetradic palettes

Questions

What colors go with Sailor Moonlight?

In a tetradic scheme: Mintie (#ABF4D2), Wondrous Wisteria (#A3B1F2), Spaghetti Strap Pink (#FBAED2), Blended Light (#FFFBE8).

What is the hex code of Sailor Moonlight?

#F6F1A9.