Hyper Beam Complementary Color Scheme

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

#F6F677

#FCFCCF

#7777EE

#3A2EFE

#CFDAFB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hyper Beam	`#F6F677`	246, 246, 119	60°, 88%, 72%	0, 0, 52, 4
Morrow White	`#FCFCCF`	252, 252, 207	60°, 88%, 90%	0, 0, 18, 1
Hera Blue	`#7777EE`	119, 119, 238	240°, 78%, 70%	50, 50, 0, 7
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Icy Plains	`#CFDAFB`	207, 218, 251	225°, 85%, 90%	18, 13, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCFCCF on #3A2EFE	6.65:1	AA
Aa #F6F677 on #3A2EFE	6.12:1	AA
Aa #3A2EFE on #CFDAFB	5.02:1	AA
Aa #FCFCCF on #7777EE	3.53:1	AA large
Aa #F6F677 on #7777EE	3.25:1	AA large
Aa #7777EE on #CFDAFB	2.66:1	—

CSS variables

:root {
  --color-1: #f6f677; /* Hyper Beam */
  --color-2: #fcfccf; /* Morrow White */
  --color-3: #7777ee; /* Hera Blue */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #cfdafb; /* Icy Plains */
}

Other schemes from Hyper Beam

More Light Yellow complementary palettes

Questions

What colors go with Hyper Beam?

In a complementary scheme: Morrow White (#FCFCCF), Hera Blue (#7777EE), System Shock Blue (#3A2EFE), Icy Plains (#CFDAFB).

What is the hex code of Hyper Beam?

#F6F677.