Exploding Star Complementary Color Scheme

Five colors arranged by the complementary rule around Exploding Star (#FED83A), each snapped to its nearest named color.

#FED83A

#FFE696

#3366FF

#0033EE

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Exploding Star	`#FED83A`	254, 216, 58	48°, 99%, 61%	0, 15, 77, 0
Chilled Lemonade	`#FFE696`	255, 230, 150	46°, 100%, 79%	0, 10, 41, 0
Gentian Flower	`#3366FF`	51, 102, 255	225°, 100%, 60%	80, 60, 0, 0
Blue Bouquet	`#0033EE`	0, 51, 238	227°, 100%, 47%	100, 79, 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 #FFE696 on #0033EE	6.28:1	AA
Aa #FED83A on #0033EE	5.57:1	AA
Aa #FFE696 on #3366FF	3.79:1	AA large
Aa #0033EE on #99AAFF	3.53:1	AA large
Aa #FED83A on #3366FF	3.37:1	AA large
Aa #3366FF on #99AAFF	2.13:1	—

CSS variables

:root {
  --color-1: #fed83a; /* Exploding Star */
  --color-2: #ffe696; /* Chilled Lemonade */
  --color-3: #3366ff; /* Gentian Flower */
  --color-4: #0033ee; /* Blue Bouquet */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Exploding Star

More Light Yellow complementary palettes

Questions

What colors go with Exploding Star?

In a complementary scheme: Chilled Lemonade (#FFE696), Gentian Flower (#3366FF), Blue Bouquet (#0033EE), Widowmaker (#99AAFF).

What is the hex code of Exploding Star?

#FED83A.