Illuminating Tetradic Color Scheme

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

#EEEE77

#77EEBB

#7777EE

#F771B3

#FAFAD2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Illuminating	`#EEEE77`	238, 238, 119	60°, 78%, 70%	0, 0, 50, 7
Jittery Jade	`#77EEBB`	119, 238, 187	154°, 78%, 70%	50, 0, 21, 7
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
Utepils	`#FAFAD2`	250, 250, 210	60°, 80%, 90%	0, 0, 16, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7777EE on #FAFAD2	3.48:1	AA large
Aa #EEEE77 on #7777EE	3.03:1	AA large
Aa #77EEBB on #7777EE	2.60:1	—
Aa #F771B3 on #FAFAD2	2.47:1	—
Aa #EEEE77 on #F771B3	2.15:1	—
Aa #77EEBB on #F771B3	1.85:1	—

CSS variables

:root {
  --color-1: #eeee77; /* Illuminating */
  --color-2: #77eebb; /* Jittery Jade */
  --color-3: #7777ee; /* Hera Blue */
  --color-4: #f771b3; /* Pop That Gum */
  --color-5: #fafad2; /* Utepils */
}

Other schemes from Illuminating

More Light Yellow tetradic palettes

Questions

What colors go with Illuminating?

In a tetradic scheme: Jittery Jade (#77EEBB), Hera Blue (#7777EE), Pop That Gum (#F771B3), Utepils (#FAFAD2).

What is the hex code of Illuminating?

#EEEE77.