Goldenrod Complementary Color Scheme

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

#FDCB18

#FFDE73

#1155FF

#0033CC

#6888FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Goldenrod	`#FDCB18`	253, 203, 24	47°, 98%, 54%	0, 20, 91, 1
Sun Shower	`#FFDE73`	255, 222, 115	46°, 100%, 73%	0, 13, 55, 0
Light Shōjin Blue	`#1155FF`	17, 85, 255	223°, 100%, 53%	93, 67, 0, 0
Sapphire Glitter	`#0033CC`	0, 51, 204	225°, 100%, 40%	100, 75, 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 #FFDE73 on #0033CC	6.80:1	AA
Aa #FDCB18 on #0033CC	5.85:1	AA
Aa #FFDE73 on #1155FF	4.23:1	AA large
Aa #FDCB18 on #1155FF	3.65:1	AA large
Aa #0033CC on #6888FC	2.78:1	—
Aa #FFDE73 on #6888FC	2.45:1	—

CSS variables

:root {
  --color-1: #fdcb18; /* Goldenrod */
  --color-2: #ffde73; /* Sun Shower */
  --color-3: #1155ff; /* Light Shōjin Blue */
  --color-4: #0033cc; /* Sapphire Glitter */
  --color-5: #6888fc; /* Punch Out Glove */
}

Other schemes from Goldenrod

More Medium Yellow complementary palettes

Questions

What colors go with Goldenrod?

In a complementary scheme: Sun Shower (#FFDE73), Light Shōjin Blue (#1155FF), Sapphire Glitter (#0033CC), Punch Out Glove (#6888FC).

What is the hex code of Goldenrod?

#FDCB18.