Khaki (CSS) Monochromatic Color Scheme

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

#CAB012

#EBD84B

#F0E68C

#FBF4D1

#FBF9E8

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Sulphur	`#CAB012`	202, 176, 18	52°, 84%, 43%	0, 13, 91, 21	75.7% 0.154 98
Longlure Frogfish	`#EBD84B`	235, 216, 75	53°, 80%, 61%	0, 8, 68, 8	87.3% 0.157 102
Khaki (CSS)	`#F0E68C`	240, 230, 140	54°, 77%, 75%	0, 4, 42, 6	91.3% 0.112 103
Effervescent	`#FBF4D1`	251, 244, 209	50°, 84%, 90%	0, 3, 17, 2	96.4% 0.046 98
Elderflower	`#FBF9E8`	251, 249, 232	54°, 70%, 95%	0, 1, 8, 2	97.9% 0.022 101

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CAB012 on #FBF9E8	2.04:1	—
Aa #CAB012 on #FBF4D1	1.95:1	—
Aa #CAB012 on #F0E68C	1.69:1	—
Aa #CAB012 on #EBD84B	1.49:1	—
Aa #EBD84B on #FBF9E8	1.37:1	—
Aa #EBD84B on #FBF4D1	1.31:1	—

CSS variables

:root {
  --color-1: #cab012; /* Sulphur */
  --color-2: #ebd84b; /* Longlure Frogfish */
  --color-3: #f0e68c; /* Khaki (CSS) */
  --color-4: #fbf4d1; /* Effervescent */
  --color-5: #fbf9e8; /* Elderflower */
}

Other schemes from Khaki (CSS)

More light yellow monochromatic color schemes

Questions

What colors go with Khaki (CSS)?

In a monochromatic scheme: Sulphur (#CAB012), Longlure Frogfish (#EBD84B), Effervescent (#FBF4D1), Elderflower (#FBF9E8).

What is the hex code of Khaki (CSS)?

#F0E68C.