Sailor Moon Complementary Color Scheme

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

#FFEE00

#FFF45A

#0011FF

#0011BB

#6666FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sailor Moon	`#FFEE00`	255, 238, 0	56°, 100%, 50%	0, 7, 100, 0
Sweet Lemon Seed	`#FFF45A`	255, 244, 90	56°, 100%, 68%	0, 4, 65, 0
Icelandic Water	`#0011FF`	0, 17, 255	236°, 100%, 50%	100, 93, 0, 0
Too Dark Tonight	`#0011BB`	0, 17, 187	235°, 100%, 37%	100, 91, 0, 27
Blue Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFF45A on #0011BB	10.20:1	AAA
Aa #FFEE00 on #0011BB	9.72:1	AAA
Aa #FFF45A on #0011FF	7.27:1	AAA
Aa #FFEE00 on #0011FF	6.93:1	AA
Aa #FFF45A on #6666FF	3.74:1	AA large
Aa #FFEE00 on #6666FF	3.56:1	AA large

CSS variables

:root {
  --color-1: #ffee00; /* Sailor Moon */
  --color-2: #fff45a; /* Sweet Lemon Seed */
  --color-3: #0011ff; /* Icelandic Water */
  --color-4: #0011bb; /* Too Dark Tonight */
  --color-5: #6666ff; /* Blue Genie */
}

Other schemes from Sailor Moon

More Medium Yellow complementary palettes

Questions

What colors go with Sailor Moon?

In a complementary scheme: Sweet Lemon Seed (#FFF45A), Icelandic Water (#0011FF), Too Dark Tonight (#0011BB), Blue Genie (#6666FF).

What is the hex code of Sailor Moon?

#FFEE00.