Yellow-Bellied Complementary Color Scheme

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

#FFEE33

#FFF08C

#2D47FF

#0011EE

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Yellow-Bellied	`#FFEE33`	255, 238, 51	55°, 100%, 60%	0, 7, 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
Midsummer Nights	`#0011EE`	0, 17, 238	236°, 100%, 47%	100, 93, 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 #0011EE	7.82:1	AAA
Aa #FFEE33 on #0011EE	7.57:1	AAA
Aa #FFF08C on #2D47FF	5.23:1	AA
Aa #FFEE33 on #2D47FF	5.07:1	AA
Aa #0011EE on #99AAFF	4.12:1	AA large
Aa #2D47FF on #99AAFF	2.76:1	—

CSS variables

:root {
  --color-1: #ffee33; /* Yellow-Bellied */
  --color-2: #fff08c; /* The First Daffodil */
  --color-3: #2d47ff; /* Blueshift */
  --color-4: #0011ee; /* Midsummer Nights */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Yellow-Bellied

More Light Yellow complementary palettes

Questions

What colors go with Yellow-Bellied?

In a complementary scheme: The First Daffodil (#FFF08C), Blueshift (#2D47FF), Midsummer Nights (#0011EE), Widowmaker (#99AAFF).

What is the hex code of Yellow-Bellied?

#FFEE33.