Maizena Complementary Color Scheme

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

#FBEC5E

#FFF6B9

#5566FF

#152EFF

#C1C6FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Maizena	`#FBEC5E`	251, 236, 94	54°, 95%, 68%	0, 6, 63, 2
Glowlight	`#FFF6B9`	255, 246, 185	52°, 100%, 86%	0, 4, 27, 0
Blue Heath Butterfly	`#5566FF`	85, 102, 255	234°, 100%, 67%	67, 60, 0, 0
Vivid Blue	`#152EFF`	21, 46, 255	234°, 100%, 54%	92, 82, 0, 0
Light Periwinkle	`#C1C6FC`	193, 198, 252	235°, 91%, 87%	23, 21, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFF6B9 on #152EFF	6.67:1	AA
Aa #FBEC5E on #152EFF	6.02:1	AA
Aa #152EFF on #C1C6FC	4.45:1	AA large
Aa #FFF6B9 on #5566FF	4.04:1	AA large
Aa #FBEC5E on #5566FF	3.65:1	AA large
Aa #5566FF on #C1C6FC	2.70:1	—

CSS variables

:root {
  --color-1: #fbec5e; /* Maizena */
  --color-2: #fff6b9; /* Glowlight */
  --color-3: #5566ff; /* Blue Heath Butterfly */
  --color-4: #152eff; /* Vivid Blue */
  --color-5: #c1c6fc; /* Light Periwinkle */
}

Other schemes from Maizena

More Light Yellow complementary palettes

Questions

What colors go with Maizena?

In a complementary scheme: Glowlight (#FFF6B9), Blue Heath Butterfly (#5566FF), Vivid Blue (#152EFF), Light Periwinkle (#C1C6FC).

What is the hex code of Maizena?

#FBEC5E.