Hyper Beam Monochromatic Color Scheme

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

#CDC50A

#EEEE33

#F6F677

#FDFCBF

#FEFEE7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Dirty Yellow	`#CDC50A`	205, 197, 10	58°, 91%, 42%	0, 4, 95, 20
Delightful Dandelion	`#EEEE33`	238, 238, 51	60°, 85%, 57%	0, 0, 79, 7
Hyper Beam	`#F6F677`	246, 246, 119	60°, 88%, 72%	0, 0, 52, 4
Yellow Mana	`#FDFCBF`	253, 252, 191	59°, 94%, 87%	0, 0, 25, 1
Wedding Dress	`#FEFEE7`	254, 254, 231	60°, 92%, 95%	0, 0, 9, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CDC50A on #FEFEE7	1.77:1	—
Aa #CDC50A on #FDFCBF	1.71:1	—
Aa #CDC50A on #F6F677	1.59:1	—
Aa #CDC50A on #EEEE33	1.46:1	—
Aa #EEEE33 on #FEFEE7	1.21:1	—
Aa #EEEE33 on #FDFCBF	1.17:1	—

CSS variables

:root {
  --color-1: #cdc50a; /* Dirty Yellow */
  --color-2: #eeee33; /* Delightful Dandelion */
  --color-3: #f6f677; /* Hyper Beam */
  --color-4: #fdfcbf; /* Yellow Mana */
  --color-5: #fefee7; /* Wedding Dress */
}

Other schemes from Hyper Beam

More Light Yellow monochromatic palettes

Questions

What colors go with Hyper Beam?

In a monochromatic scheme: Dirty Yellow (#CDC50A), Delightful Dandelion (#EEEE33), Yellow Mana (#FDFCBF), Wedding Dress (#FEFEE7).

What is the hex code of Hyper Beam?

#F6F677.