Pastel Yellow Triadic Color Scheme

Five colors arranged by the triadic rule around Pastel Yellow (#FDFD96), each snapped to its nearest named color.

#FDFD96

#99FFFF

#FF99FF

#FFFFE7

#41FDFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pastel Yellow	`#FDFD96`	253, 253, 150	60°, 96%, 79%	0, 0, 41, 1
Glitchy Shader Blue	`#99FFFF`	153, 255, 255	180°, 100%, 80%	40, 0, 0, 0
Pinkalicious	`#FF99FF`	255, 153, 255	300°, 100%, 80%	0, 40, 0, 0
Cotton Puff	`#FFFFE7`	255, 255, 231	60°, 100%, 95%	0, 0, 9, 0
Bright Cyan	`#41FDFE`	65, 253, 254	180°, 99%, 63%	74, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FF99FF on #FFFFE7	1.84:1	—
Aa #FDFD96 on #FF99FF	1.75:1	—
Aa #99FFFF on #FF99FF	1.61:1	—
Aa #FF99FF on #41FDFE	1.48:1	—
Aa #FFFFE7 on #41FDFE	1.24:1	—
Aa #FDFD96 on #41FDFE	1.18:1	—

CSS variables

:root {
  --color-1: #fdfd96; /* Pastel Yellow */
  --color-2: #99ffff; /* Glitchy Shader Blue */
  --color-3: #ff99ff; /* Pinkalicious */
  --color-4: #ffffe7; /* Cotton Puff */
  --color-5: #41fdfe; /* Bright Cyan */
}

Other schemes from Pastel Yellow

More Light Yellow triadic palettes

Questions

What colors go with Pastel Yellow?

In a triadic scheme: Glitchy Shader Blue (#99FFFF), Pinkalicious (#FF99FF), Cotton Puff (#FFFFE7), Bright Cyan (#41FDFE).

What is the hex code of Pastel Yellow?

#FDFD96.