Superstar Complementary Color Scheme

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

#FFCC11

#FFE36D

#0247FE

#0022CC

#6888FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Superstar	`#FFCC11`	255, 204, 17	47°, 100%, 53%	0, 20, 93, 0
Dynamic Yellow	`#FFE36D`	255, 227, 109	48°, 100%, 71%	0, 11, 57, 0
Magic Ink	`#0247FE`	2, 71, 254	224°, 99%, 50%	99, 72, 0, 0
Arcade Glow	`#0022CC`	0, 34, 204	230°, 100%, 40%	100, 83, 0, 20
Punch Out Glove	`#6888FC`	104, 136, 252	227°, 96%, 70%	59, 46, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFE36D on #0022CC	7.84:1	AAA
Aa #FFCC11 on #0022CC	6.62:1	AA
Aa #FFE36D on #0247FE	4.94:1	AA
Aa #FFCC11 on #0247FE	4.17:1	AA large
Aa #0022CC on #6888FC	3.10:1	AA large
Aa #FFE36D on #6888FC	2.53:1	—

CSS variables

:root {
  --color-1: #ffcc11; /* Superstar */
  --color-2: #ffe36d; /* Dynamic Yellow */
  --color-3: #0247fe; /* Magic Ink */
  --color-4: #0022cc; /* Arcade Glow */
  --color-5: #6888fc; /* Punch Out Glove */
}

Other schemes from Superstar

More Medium Yellow complementary palettes

Questions

What colors go with Superstar?

In a complementary scheme: Dynamic Yellow (#FFE36D), Magic Ink (#0247FE), Arcade Glow (#0022CC), Punch Out Glove (#6888FC).

What is the hex code of Superstar?

#FFCC11.