Maize Complementary Color Scheme

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

#F4D054

#FAE8AB

#5577EE

#0044EE

#AACCFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Maize	`#F4D054`	244, 208, 84	47°, 88%, 64%	0, 15, 66, 4
Lemon Candy	`#FAE8AB`	250, 232, 171	46°, 89%, 83%	0, 7, 32, 2
Blue Öyster Cult	`#5577EE`	85, 119, 238	227°, 82%, 63%	64, 50, 0, 7
Scuff Blue	`#0044EE`	0, 68, 238	223°, 100%, 47%	100, 71, 0, 7
Night Snow	`#AACCFF`	170, 204, 255	216°, 100%, 83%	33, 20, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FAE8AB on #0044EE	5.62:1	AA
Aa #F4D054 on #0044EE	4.57:1	AA
Aa #0044EE on #AACCFF	4.18:1	AA large
Aa #FAE8AB on #5577EE	3.27:1	AA large
Aa #F4D054 on #5577EE	2.66:1	—
Aa #5577EE on #AACCFF	2.43:1	—

CSS variables

:root {
  --color-1: #f4d054; /* Maize */
  --color-2: #fae8ab; /* Lemon Candy */
  --color-3: #5577ee; /* Blue Öyster Cult */
  --color-4: #0044ee; /* Scuff Blue */
  --color-5: #aaccff; /* Night Snow */
}

Other schemes from Maize

More Light Yellow complementary palettes

Questions

What colors go with Maize?

In a complementary scheme: Lemon Candy (#FAE8AB), Blue Öyster Cult (#5577EE), Scuff Blue (#0044EE), Night Snow (#AACCFF).

What is the hex code of Maize?

#F4D054.