Wheat (CSS) Monochromatic Color Scheme

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

#E2A829

#EEC172

#F5DEB3

#FBF4E8

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Dried Goldenrod	`#E2A829`	226, 168, 41	41°, 76%, 52%	0, 26, 82, 11	76.6% 0.147 81
Vietnamese Lantern	`#EEC172`	238, 193, 114	38°, 78%, 69%	0, 19, 52, 7	83.4% 0.110 80
Wheat (CSS)	`#F5DEB3`	245, 222, 179	39°, 77%, 83%	0, 9, 27, 4	90.9% 0.061 83
White Fever	`#FBF4E8`	251, 244, 232	38°, 70%, 95%	0, 3, 8, 2	96.9% 0.018 81
White Fever	`#FBF4E8`	251, 244, 232	38°, 70%, 95%	0, 3, 8, 2	96.9% 0.018 81

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E2A829 on #FBF4E8	1.95:1	—
Aa #E2A829 on #FBF4E8	1.95:1	—
Aa #E2A829 on #F5DEB3	1.62:1	—
Aa #EEC172 on #FBF4E8	1.54:1	—
Aa #EEC172 on #FBF4E8	1.54:1	—
Aa #EEC172 on #F5DEB3	1.28:1	—

CSS variables

:root {
  --color-1: #e2a829; /* Dried Goldenrod */
  --color-2: #eec172; /* Vietnamese Lantern */
  --color-3: #f5deb3; /* Wheat (CSS) */
  --color-4: #fbf4e8; /* White Fever */
  --color-5: #fbf4e8; /* White Fever */
}

Other schemes from Wheat (CSS)

More very light orange monochromatic color schemes

Questions

What colors go with Wheat (CSS)?

In a monochromatic scheme: Dried Goldenrod (#E2A829), Vietnamese Lantern (#EEC172), White Fever (#FBF4E8), White Fever (#FBF4E8).

What is the hex code of Wheat (CSS)?

#F5DEB3.