Light Yellow Complementary Color Scheme

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

#FFFE7A

#FFFED7

#7777FF

#3A2EFE

#E0E0FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Light Yellow	`#FFFE7A`	255, 254, 122	60°, 100%, 74%	0, 0, 52, 0
Poetic Yellow	`#FFFED7`	255, 254, 215	59°, 100%, 92%	0, 0, 16, 0
Stargate Shimmer	`#7777FF`	119, 119, 255	240°, 100%, 73%	53, 53, 0, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Stoic White	`#E0E0FF`	224, 224, 255	240°, 100%, 94%	12, 12, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFED7 on #3A2EFE	6.80:1	AA
Aa #FFFE7A on #3A2EFE	6.57:1	AA
Aa #3A2EFE on #E0E0FF	5.42:1	AA
Aa #FFFED7 on #7777FF	3.48:1	AA large
Aa #FFFE7A on #7777FF	3.36:1	AA large
Aa #7777FF on #E0E0FF	2.77:1	—

CSS variables

:root {
  --color-1: #fffe7a; /* Light Yellow */
  --color-2: #fffed7; /* Poetic Yellow */
  --color-3: #7777ff; /* Stargate Shimmer */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #e0e0ff; /* Stoic White */
}

Other schemes from Light Yellow

More Light Yellow complementary palettes

Questions

What colors go with Light Yellow?

In a complementary scheme: Poetic Yellow (#FFFED7), Stargate Shimmer (#7777FF), System Shock Blue (#3A2EFE), Stoic White (#E0E0FF).

What is the hex code of Light Yellow?

#FFFE7A.