Super Banana Complementary Color Scheme

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

#FFFE71

#FFFFCC

#7777FF

#3A2EFE

#CFDAFB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Super Banana	`#FFFE71`	255, 254, 113	60°, 100%, 72%	0, 0, 56, 0
Conditioner	`#FFFFCC`	255, 255, 204	60°, 100%, 90%	0, 0, 20, 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
Icy Plains	`#CFDAFB`	207, 218, 251	225°, 85%, 90%	18, 13, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFFCC on #3A2EFE	6.81:1	AA
Aa #FFFE71 on #3A2EFE	6.55:1	AA
Aa #3A2EFE on #CFDAFB	5.02:1	AA
Aa #FFFFCC on #7777FF	3.48:1	AA large
Aa #FFFE71 on #7777FF	3.35:1	AA large
Aa #7777FF on #CFDAFB	2.57:1	—

CSS variables

:root {
  --color-1: #fffe71; /* Super Banana */
  --color-2: #ffffcc; /* Conditioner */
  --color-3: #7777ff; /* Stargate Shimmer */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #cfdafb; /* Icy Plains */
}

Other schemes from Super Banana

More Light Yellow complementary palettes

Questions

What colors go with Super Banana?

In a complementary scheme: Conditioner (#FFFFCC), Stargate Shimmer (#7777FF), System Shock Blue (#3A2EFE), Icy Plains (#CFDAFB).

What is the hex code of Super Banana?

#FFFE71.