Anna Banana Complementary Color Scheme

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

#F5D547

#FCE99F

#4166F5

#0033EE

#A2BFFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Anna Banana	`#F5D547`	245, 213, 71	49°, 90%, 62%	0, 13, 71, 4
Lemon Butter	`#FCE99F`	252, 233, 159	48°, 94%, 81%	0, 8, 37, 1
Secret of Mana	`#4166F5`	65, 102, 245	228°, 90%, 61%	73, 58, 0, 4
Blue Bouquet	`#0033EE`	0, 51, 238	227°, 100%, 47%	100, 79, 0, 7
Pastel Blue	`#A2BFFE`	162, 191, 254	221°, 98%, 82%	36, 25, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCE99F on #0033EE	6.39:1	AA
Aa #F5D547 on #0033EE	5.35:1	AA
Aa #0033EE on #A2BFFE	4.22:1	AA large
Aa #FCE99F on #4166F5	3.89:1	AA large
Aa #F5D547 on #4166F5	3.26:1	AA large
Aa #4166F5 on #A2BFFE	2.57:1	—

CSS variables

:root {
  --color-1: #f5d547; /* Anna Banana */
  --color-2: #fce99f; /* Lemon Butter */
  --color-3: #4166f5; /* Secret of Mana */
  --color-4: #0033ee; /* Blue Bouquet */
  --color-5: #a2bffe; /* Pastel Blue */
}

Other schemes from Anna Banana

More Light Yellow complementary palettes

Questions

What colors go with Anna Banana?

In a complementary scheme: Lemon Butter (#FCE99F), Secret of Mana (#4166F5), Blue Bouquet (#0033EE), Pastel Blue (#A2BFFE).

What is the hex code of Anna Banana?

#F5D547.