Illuminating Complementary Color Scheme

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

#EEEE77

#F7F7CB

#7777EE

#273BE2

#CCD5FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Illuminating	`#EEEE77`	238, 238, 119	60°, 78%, 70%	0, 0, 50, 7
Electric Arc	`#F7F7CB`	247, 247, 203	60°, 73%, 88%	0, 0, 18, 3
Hera Blue	`#7777EE`	119, 119, 238	240°, 78%, 70%	50, 50, 0, 7
Palatinate Blue	`#273BE2`	39, 59, 226	234°, 76%, 52%	83, 74, 0, 11
Pale Phthalo Blue	`#CCD5FF`	204, 213, 255	229°, 100%, 90%	20, 16, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F7F7CB on #273BE2	6.80:1	AA
Aa #EEEE77 on #273BE2	6.10:1	AA
Aa #273BE2 on #CCD5FF	5.17:1	AA
Aa #F7F7CB on #7777EE	3.38:1	AA large
Aa #EEEE77 on #7777EE	3.03:1	AA large
Aa #7777EE on #CCD5FF	2.57:1	—

CSS variables

:root {
  --color-1: #eeee77; /* Illuminating */
  --color-2: #f7f7cb; /* Electric Arc */
  --color-3: #7777ee; /* Hera Blue */
  --color-4: #273be2; /* Palatinate Blue */
  --color-5: #ccd5ff; /* Pale Phthalo Blue */
}

Other schemes from Illuminating

More Light Yellow complementary palettes

Questions

What colors go with Illuminating?

In a complementary scheme: Electric Arc (#F7F7CB), Hera Blue (#7777EE), Palatinate Blue (#273BE2), Pale Phthalo Blue (#CCD5FF).

What is the hex code of Illuminating?

#EEEE77.