Banana Complementary Color Scheme

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

#FFFC79

#FFFFD4

#7777FF

#3A2EFE

#D6EAFC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Banana	`#FFFC79`	255, 252, 121	59°, 100%, 74%	0, 1, 53, 0
Matt White	`#FFFFD4`	255, 255, 212	60°, 100%, 92%	0, 0, 17, 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
Cloudless	`#D6EAFC`	214, 234, 252	208°, 86%, 91%	15, 7, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFFD4 on #3A2EFE	6.83:1	AA
Aa #FFFC79 on #3A2EFE	6.48:1	AA
Aa #3A2EFE on #D6EAFC	5.67:1	AA
Aa #FFFFD4 on #7777FF	3.50:1	AA large
Aa #FFFC79 on #7777FF	3.32:1	AA large
Aa #7777FF on #D6EAFC	2.90:1	—

CSS variables

:root {
  --color-1: #fffc79; /* Banana */
  --color-2: #ffffd4; /* Matt White */
  --color-3: #7777ff; /* Stargate Shimmer */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #d6eafc; /* Cloudless */
}

Other schemes from Banana

More Light Yellow complementary palettes

Questions

What colors go with Banana?

In a complementary scheme: Matt White (#FFFFD4), Stargate Shimmer (#7777FF), System Shock Blue (#3A2EFE), Cloudless (#D6EAFC).

What is the hex code of Banana?

#FFFC79.