Star Complementary Color Scheme

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

#FFE500

#FBEC5D

#021BF9

#0011BB

#6A79F7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Star	`#FFE500`	255, 229, 0	54°, 100%, 50%	0, 10, 100, 0
Corn	`#FBEC5D`	251, 236, 93	54°, 95%, 67%	0, 6, 63, 2
Rich Blue	`#021BF9`	2, 27, 249	234°, 98%, 49%	99, 89, 0, 2
Too Dark Tonight	`#0011BB`	0, 17, 187	235°, 100%, 37%	100, 91, 0, 27
Byzantine Night Blue	`#6A79F7`	106, 121, 247	234°, 90%, 69%	57, 51, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FBEC5D on #0011BB	9.60:1	AAA
Aa #FFE500 on #0011BB	9.16:1	AAA
Aa #FBEC5D on #021BF9	6.83:1	AA
Aa #FFE500 on #021BF9	6.51:1	AA
Aa #0011BB on #6A79F7	3.17:1	AA large
Aa #FBEC5D on #6A79F7	3.03:1	AA large

CSS variables

:root {
  --color-1: #ffe500; /* Star */
  --color-2: #fbec5d; /* Corn */
  --color-3: #021bf9; /* Rich Blue */
  --color-4: #0011bb; /* Too Dark Tonight */
  --color-5: #6a79f7; /* Byzantine Night Blue */
}

Other schemes from Star

More Medium Yellow complementary palettes

Questions

What colors go with Star?

In a complementary scheme: Corn (#FBEC5D), Rich Blue (#021BF9), Too Dark Tonight (#0011BB), Byzantine Night Blue (#6A79F7).

What is the hex code of Star?

#FFE500.