Star Tetradic Color Scheme

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

#FFE500

#00FF77

#021BF9

#FF0099

#FFEE66

Color names and codes

Name	HEX	RGB	HSL	CMYK
Star	`#FFE500`	255, 229, 0	54°, 100%, 50%	0, 10, 100, 0
Booger Buster	`#00FF77`	0, 255, 119	148°, 100%, 50%	100, 0, 53, 0
Rich Blue	`#021BF9`	2, 27, 249	234°, 98%, 49%	99, 89, 0, 2
Big Bang Pink	`#FF0099`	255, 0, 153	324°, 100%, 50%	0, 100, 40, 0
Caduceus Gold	`#FFEE66`	255, 238, 102	53°, 100%, 70%	0, 7, 60, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #021BF9 on #FFEE66	6.99:1	AA
Aa #FFE500 on #021BF9	6.51:1	AA
Aa #00FF77 on #021BF9	6.16:1	AA
Aa #FF0099 on #FFEE66	3.09:1	AA large
Aa #FFE500 on #FF0099	2.88:1	—
Aa #00FF77 on #FF0099	2.73:1	—

CSS variables

:root {
  --color-1: #ffe500; /* Star */
  --color-2: #00ff77; /* Booger Buster */
  --color-3: #021bf9; /* Rich Blue */
  --color-4: #ff0099; /* Big Bang Pink */
  --color-5: #ffee66; /* Caduceus Gold */
}

Other schemes from Star

More Medium Yellow tetradic palettes

Questions

What colors go with Star?

In a tetradic scheme: Booger Buster (#00FF77), Rich Blue (#021BF9), Big Bang Pink (#FF0099), Caduceus Gold (#FFEE66).

What is the hex code of Star?

#FFE500.