Goldilocks Complementary Color Scheme

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

#FFF39A

#FFFCE4

#99AAFF

#5566FF

#E6E8FA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Goldilocks	`#FFF39A`	255, 243, 154	53°, 100%, 80%	0, 5, 40, 0
Cuddly Yarn	`#FFFCE4`	255, 252, 228	53°, 100%, 95%	0, 1, 11, 0
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0
Blue Heath Butterfly	`#5566FF`	85, 102, 255	234°, 100%, 67%	67, 60, 0, 0
Glitter	`#E6E8FA`	230, 232, 250	234°, 67%, 94%	8, 7, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFCE4 on #5566FF	4.29:1	AA large
Aa #FFF39A on #5566FF	3.92:1	AA large
Aa #5566FF on #E6E8FA	3.65:1	AA large
Aa #FFFCE4 on #99AAFF	2.13:1	—
Aa #99AAFF on #5566FF	2.02:1	—
Aa #FFF39A on #99AAFF	1.94:1	—

CSS variables

:root {
  --color-1: #fff39a; /* Goldilocks */
  --color-2: #fffce4; /* Cuddly Yarn */
  --color-3: #99aaff; /* Widowmaker */
  --color-4: #5566ff; /* Blue Heath Butterfly */
  --color-5: #e6e8fa; /* Glitter */
}

Other schemes from Goldilocks

More Very Light Yellow complementary palettes

Questions

What colors go with Goldilocks?

In a complementary scheme: Cuddly Yarn (#FFFCE4), Widowmaker (#99AAFF), Blue Heath Butterfly (#5566FF), Glitter (#E6E8FA).

What is the hex code of Goldilocks?

#FFF39A.