Golden Period Complementary Color Scheme

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

#FEDB2D

#FFE989

#2D47FF

#0022DD

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golden Period	`#FEDB2D`	254, 219, 45	50°, 99%, 59%	0, 14, 82, 0
Quack Quack	`#FFE989`	255, 233, 137	49°, 100%, 77%	0, 9, 46, 0
Blueshift	`#2D47FF`	45, 71, 255	233°, 100%, 59%	82, 72, 0, 0
Brutally Blue	`#0022DD`	0, 34, 221	231°, 100%, 43%	100, 85, 0, 13
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFE989 on #0022DD	7.60:1	AAA
Aa #FEDB2D on #0022DD	6.77:1	AA
Aa #FFE989 on #2D47FF	5.00:1	AA
Aa #FEDB2D on #2D47FF	4.45:1	AA large
Aa #0022DD on #99AAFF	4.20:1	AA large
Aa #2D47FF on #99AAFF	2.76:1	—

CSS variables

:root {
  --color-1: #fedb2d; /* Golden Period */
  --color-2: #ffe989; /* Quack Quack */
  --color-3: #2d47ff; /* Blueshift */
  --color-4: #0022dd; /* Brutally Blue */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Golden Period

More Medium Yellow complementary palettes

Questions

What colors go with Golden Period?

In a complementary scheme: Quack Quack (#FFE989), Blueshift (#2D47FF), Brutally Blue (#0022DD), Widowmaker (#99AAFF).

What is the hex code of Golden Period?

#FEDB2D.