Pac-Man Triadic Color Scheme

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

#FFE737

#33FFFF

#FF33FF

#FFF29D

#00E6D3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pac-Man	`#FFE737`	255, 231, 55	53°, 100%, 61%	0, 9, 78, 0
Beaming Blue	`#33FFFF`	51, 255, 255	180°, 100%, 60%	80, 0, 0, 0
Pink Overflow	`#FF33FF`	255, 51, 255	300°, 100%, 60%	0, 80, 0, 0
Yellow Tail	`#FFF29D`	255, 242, 157	52°, 100%, 81%	0, 5, 38, 0
MoS₂ Cyan	`#00E6D3`	0, 230, 211	175°, 100%, 45%	100, 0, 8, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FF33FF on #FFF29D	2.57:1	—
Aa #33FFFF on #FF33FF	2.36:1	—
Aa #FFE737 on #FF33FF	2.33:1	—
Aa #FF33FF on #00E6D3	1.85:1	—
Aa #FFF29D on #00E6D3	1.39:1	—
Aa #33FFFF on #00E6D3	1.27:1	—

CSS variables

:root {
  --color-1: #ffe737; /* Pac-Man */
  --color-2: #33ffff; /* Beaming Blue */
  --color-3: #ff33ff; /* Pink Overflow */
  --color-4: #fff29d; /* Yellow Tail */
  --color-5: #00e6d3; /* MoS₂ Cyan */
}

Other schemes from Pac-Man

More Light Yellow triadic palettes

Questions

What colors go with Pac-Man?

In a triadic scheme: Beaming Blue (#33FFFF), Pink Overflow (#FF33FF), Yellow Tail (#FFF29D), MoS₂ Cyan (#00E6D3).

What is the hex code of Pac-Man?

#FFE737.