Light Yellow (CSS) Monochromatic Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Peppy Pineapple	`#FFFF44`	255, 255, 68	60°, 100%, 63%	0, 0, 73, 0	97.0% 0.193 110
Pastel Yellow	`#FDFD96`	253, 253, 150	60°, 96%, 79%	0, 0, 41, 1	97.2% 0.126 109
Light Yellow (CSS)	`#FFFFE0`	255, 255, 224	60°, 100%, 94%	0, 0, 12, 0	99.2% 0.040 107
La Luna	`#FFFFE5`	255, 255, 229	60°, 100%, 95%	0, 0, 10, 0	99.3% 0.034 107
La Luna	`#FFFFE5`	255, 255, 229	60°, 100%, 95%	0, 0, 10, 0	99.3% 0.034 107

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFF44 on #FFFFE5	1.05:1	—
Aa #FFFF44 on #FFFFE5	1.05:1	—
Aa #FDFD96 on #FFFFE5	1.05:1	—
Aa #FDFD96 on #FFFFE5	1.05:1	—
Aa #FFFF44 on #FFFFE0	1.05:1	—
Aa #FDFD96 on #FFFFE0	1.05:1	—

CSS variables

:root {
  --color-1: #ffff44; /* Peppy Pineapple */
  --color-2: #fdfd96; /* Pastel Yellow */
  --color-3: #ffffe0; /* Light Yellow (CSS) */
  --color-4: #ffffe5; /* La Luna */
  --color-5: #ffffe5; /* La Luna */
}

Other schemes from Light Yellow (CSS)

#FFFFE0
#FFFFE5
#E0E0FF
#9999FF
#E6E6FA
Light Yellow (CSS) Complementary Color Scheme
#FFE4E1
#FFF0E1
#FFFFE0
#F1FDE9
#E1F8E7
Light Yellow (CSS) Analogous Color Scheme
#FFFFE0
#E0FFFF
#FFE0F5
#FFFFE5
#99FFFF
Light Yellow (CSS) Triadic Color Scheme
#FFFFE0
#E8EEFE
#E5E5FA
#FDFD96
#E8F5FC
Light Yellow (CSS) Split-complementary Color Scheme
#FFFFE0
#E6FDF1
#E0E0FF
#FDE1F0
#FFFFE5
Light Yellow (CSS) Tetradic Color Scheme

More very light yellow monochromatic color schemes

Questions

What colors go with Light Yellow (CSS)?

In a monochromatic scheme: Peppy Pineapple (#FFFF44), Pastel Yellow (#FDFD96), La Luna (#FFFFE5), La Luna (#FFFFE5).

What is the hex code of Light Yellow (CSS)?

#FFFFE0.