Delayed Yellow Complementary Color Scheme

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

#FDF901

#FCFC5D

#0000FC

#0504AA

#6666FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Delayed Yellow	`#FDF901`	253, 249, 1	59°, 99%, 50%	0, 2, 100, 1
Candy Corn	`#FCFC5D`	252, 252, 93	60°, 96%, 68%	0, 0, 63, 1
Graphical 80’s Sky	`#0000FC`	0, 0, 252	240°, 100%, 49%	100, 100, 0, 1
Traditional Royal Blue	`#0504AA`	5, 4, 170	240°, 95%, 34%	97, 98, 0, 33
Blue Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCFC5D on #0504AA	11.98:1	AAA
Aa #FDF901 on #0504AA	11.67:1	AAA
Aa #FCFC5D on #0000FC	7.99:1	AAA
Aa #FDF901 on #0000FC	7.78:1	AAA
Aa #FCFC5D on #6666FF	3.92:1	AA large
Aa #FDF901 on #6666FF	3.81:1	AA large

CSS variables

:root {
  --color-1: #fdf901; /* Delayed Yellow */
  --color-2: #fcfc5d; /* Candy Corn */
  --color-3: #0000fc; /* Graphical 80’s Sky */
  --color-4: #0504aa; /* Traditional Royal Blue */
  --color-5: #6666ff; /* Blue Genie */
}

Other schemes from Delayed Yellow

More Medium Yellow complementary palettes

Questions

What colors go with Delayed Yellow?

In a complementary scheme: Candy Corn (#FCFC5D), Graphical 80’s Sky (#0000FC), Traditional Royal Blue (#0504AA), Blue Genie (#6666FF).

What is the hex code of Delayed Yellow?

#FDF901.