Wheat (CSS) Tetradic Color Scheme

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

#F5DEB3

#B8F8B8

#ABCDEF

#FFB3F0

#FBF4E8

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Wheat (CSS)	`#F5DEB3`	245, 222, 179	39°, 77%, 83%	0, 9, 27, 4	90.9% 0.061 83
Spring Slumber Green	`#B8F8B8`	184, 248, 184	120°, 82%, 85%	26, 0, 26, 3	92.0% 0.107 145
Alphabet Blue	`#ABCDEF`	171, 205, 239	210°, 68%, 80%	28, 14, 0, 6	83.5% 0.060 249
Hermosa Pink	`#FFB3F0`	255, 179, 240	312°, 100%, 85%	0, 30, 6, 0	85.7% 0.117 334
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 #ABCDEF on #FBF4E8	1.51:1	—
Aa #FFB3F0 on #FBF4E8	1.48:1	—
Aa #B8F8B8 on #ABCDEF	1.35:1	—
Aa #B8F8B8 on #FFB3F0	1.32:1	—
Aa #F5DEB3 on #ABCDEF	1.26:1	—
Aa #F5DEB3 on #FFB3F0	1.23:1	—

CSS variables

:root {
  --color-1: #f5deb3; /* Wheat (CSS) */
  --color-2: #b8f8b8; /* Spring Slumber Green */
  --color-3: #abcdef; /* Alphabet Blue */
  --color-4: #ffb3f0; /* Hermosa Pink */
  --color-5: #fbf4e8; /* White Fever */
}

Other schemes from Wheat (CSS)

More very light orange tetradic color schemes

Questions

What colors go with Wheat (CSS)?

In a tetradic scheme: Spring Slumber Green (#B8F8B8), Alphabet Blue (#ABCDEF), Hermosa Pink (#FFB3F0), White Fever (#FBF4E8).

What is the hex code of Wheat (CSS)?

#F5DEB3.