Golden Boy Complementary Color Scheme

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

#FFDD44

#FFEDA2

#4466FF

#0033EE

#A2BFFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golden Boy	`#FFDD44`	255, 221, 68	49°, 100%, 63%	0, 13, 73, 0
Baby Chick	`#FFEDA2`	255, 237, 162	48°, 100%, 82%	0, 7, 36, 0
Blue Titmouse	`#4466FF`	68, 102, 255	229°, 100%, 63%	73, 60, 0, 0
Blue Bouquet	`#0033EE`	0, 51, 238	227°, 100%, 47%	100, 79, 0, 7
Pastel Blue	`#A2BFFE`	162, 191, 254	221°, 98%, 82%	36, 25, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFEDA2 on #0033EE	6.61:1	AA
Aa #FFDD44 on #0033EE	5.79:1	AA
Aa #0033EE on #A2BFFE	4.22:1	AA large
Aa #FFEDA2 on #4466FF	3.90:1	AA large
Aa #FFDD44 on #4466FF	3.42:1	AA large
Aa #4466FF on #A2BFFE	2.49:1	—

CSS variables

:root {
  --color-1: #ffdd44; /* Golden Boy */
  --color-2: #ffeda2; /* Baby Chick */
  --color-3: #4466ff; /* Blue Titmouse */
  --color-4: #0033ee; /* Blue Bouquet */
  --color-5: #a2bffe; /* Pastel Blue */
}

Other schemes from Golden Boy

More Light Yellow complementary palettes

Questions

What colors go with Golden Boy?

In a complementary scheme: Baby Chick (#FFEDA2), Blue Titmouse (#4466FF), Blue Bouquet (#0033EE), Pastel Blue (#A2BFFE).

What is the hex code of Golden Boy?

#FFDD44.