Hyper Beam Tetradic Color Scheme

Five colors arranged by the tetradic rule around Hyper Beam (#F6F677), each snapped to its nearest named color.

#F6F677

#7EFBB3

#7777EE

#F771B3

#FFFCD7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hyper Beam	`#F6F677`	246, 246, 119	60°, 88%, 72%	0, 0, 52, 4
Green Epiphany	`#7EFBB3`	126, 251, 179	145°, 94%, 74%	50, 0, 29, 2
Hera Blue	`#7777EE`	119, 119, 238	240°, 78%, 70%	50, 50, 0, 7
Pop That Gum	`#F771B3`	247, 113, 179	330°, 89%, 71%	0, 54, 28, 3
Sweet Butter	`#FFFCD7`	255, 252, 215	56°, 100%, 92%	0, 1, 16, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7777EE on #FFFCD7	3.56:1	AA large
Aa #F6F677 on #7777EE	3.25:1	AA large
Aa #7EFBB3 on #7777EE	2.89:1	—
Aa #F771B3 on #FFFCD7	2.53:1	—
Aa #F6F677 on #F771B3	2.31:1	—
Aa #7EFBB3 on #F771B3	2.05:1	—

CSS variables

:root {
  --color-1: #f6f677; /* Hyper Beam */
  --color-2: #7efbb3; /* Green Epiphany */
  --color-3: #7777ee; /* Hera Blue */
  --color-4: #f771b3; /* Pop That Gum */
  --color-5: #fffcd7; /* Sweet Butter */
}

Other schemes from Hyper Beam

More Light Yellow tetradic palettes

Questions

What colors go with Hyper Beam?

In a tetradic scheme: Green Epiphany (#7EFBB3), Hera Blue (#7777EE), Pop That Gum (#F771B3), Sweet Butter (#FFFCD7).

What is the hex code of Hyper Beam?

#F6F677.