Emoji Yellow Complementary Color Scheme

Five colors arranged by the complementary rule around Emoji Yellow (#FFDE34), each snapped to its nearest named color.

#FFDE34

#FFF08C

#2D47FF

#0022EE

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Emoji Yellow	`#FFDE34`	255, 222, 52	50°, 100%, 60%	0, 13, 80, 0
The First Daffodil	`#FFF08C`	255, 240, 140	52°, 100%, 77%	0, 6, 45, 0
Blueshift	`#2D47FF`	45, 71, 255	233°, 100%, 59%	82, 72, 0, 0
Slice of Heaven	`#0022EE`	0, 34, 238	231°, 100%, 47%	100, 86, 0, 7
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFF08C on #0022EE	7.35:1	AAA
Aa #FFDE34 on #0022EE	6.39:1	AA
Aa #FFF08C on #2D47FF	5.23:1	AA
Aa #FFDE34 on #2D47FF	4.56:1	AA
Aa #0022EE on #99AAFF	3.88:1	AA large
Aa #2D47FF on #99AAFF	2.76:1	—

CSS variables

:root {
  --color-1: #ffde34; /* Emoji Yellow */
  --color-2: #fff08c; /* The First Daffodil */
  --color-3: #2d47ff; /* Blueshift */
  --color-4: #0022ee; /* Slice of Heaven */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Emoji Yellow

More Light Yellow complementary palettes

Questions

What colors go with Emoji Yellow?

In a complementary scheme: The First Daffodil (#FFF08C), Blueshift (#2D47FF), Slice of Heaven (#0022EE), Widowmaker (#99AAFF).

What is the hex code of Emoji Yellow?

#FFDE34.