Wheat Complementary Color Scheme

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

#FBDD7E

#FDF5D7

#6495ED

#3366FF

#E0EBFA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Wheat	`#FBDD7E`	251, 221, 126	46°, 94%, 74%	0, 12, 50, 2
Bucatini Noodle	`#FDF5D7`	253, 245, 215	47°, 90%, 92%	0, 3, 15, 1
Guilliman Blue	`#6495ED`	100, 149, 237	219°, 79%, 66%	58, 37, 0, 7
Gentian Flower	`#3366FF`	51, 102, 255	225°, 100%, 60%	80, 60, 0, 0
Husky	`#E0EBFA`	224, 235, 250	215°, 72%, 93%	10, 6, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FDF5D7 on #3366FF	4.28:1	AA large
Aa #3366FF on #E0EBFA	3.89:1	AA large
Aa #FBDD7E on #3366FF	3.51:1	AA large
Aa #FDF5D7 on #6495ED	2.72:1	—
Aa #6495ED on #E0EBFA	2.47:1	—
Aa #FBDD7E on #6495ED	2.23:1	—

CSS variables

:root {
  --color-1: #fbdd7e; /* Wheat */
  --color-2: #fdf5d7; /* Bucatini Noodle */
  --color-3: #6495ed; /* Guilliman Blue */
  --color-4: #3366ff; /* Gentian Flower */
  --color-5: #e0ebfa; /* Husky */
}

Other schemes from Wheat

More Light Yellow complementary palettes

Questions

What colors go with Wheat?

In a complementary scheme: Bucatini Noodle (#FDF5D7), Guilliman Blue (#6495ED), Gentian Flower (#3366FF), Husky (#E0EBFA).

What is the hex code of Wheat?

#FBDD7E.