Pac-Man Complementary Color Scheme

Five colors arranged by the complementary rule around Pac-Man (#FFE737), each snapped to its nearest named color.

#FFE737

#FFF39A

#2D47FF

#0011EE

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pac-Man	`#FFE737`	255, 231, 55	53°, 100%, 61%	0, 9, 78, 0
Goldilocks	`#FFF39A`	255, 243, 154	53°, 100%, 80%	0, 5, 40, 0
Blueshift	`#2D47FF`	45, 71, 255	233°, 100%, 59%	82, 72, 0, 0
Midsummer Nights	`#0011EE`	0, 17, 238	236°, 100%, 47%	100, 93, 0, 7
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFF39A on #0011EE	8.01:1	AAA
Aa #FFE737 on #0011EE	7.23:1	AAA
Aa #FFF39A on #2D47FF	5.36:1	AA
Aa #FFE737 on #2D47FF	4.84:1	AA
Aa #0011EE on #99AAFF	4.12:1	AA large
Aa #2D47FF on #99AAFF	2.76:1	—

CSS variables

:root {
  --color-1: #ffe737; /* Pac-Man */
  --color-2: #fff39a; /* Goldilocks */
  --color-3: #2d47ff; /* Blueshift */
  --color-4: #0011ee; /* Midsummer Nights */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Pac-Man

More Light Yellow complementary palettes

Questions

What colors go with Pac-Man?

In a complementary scheme: Goldilocks (#FFF39A), Blueshift (#2D47FF), Midsummer Nights (#0011EE), Widowmaker (#99AAFF).

What is the hex code of Pac-Man?

#FFE737.