Yellow Brick Road Complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Yellow Brick Road	`#EAC853`	234, 200, 83	46°, 78%, 62%	0, 15, 65, 8
Optimistic Yellow	`#F5E1A6`	245, 225, 166	45°, 80%, 81%	0, 8, 32, 4
Blue Öyster Cult	`#5577EE`	85, 119, 238	227°, 82%, 63%	64, 50, 0, 7
Merchant Marine Blue	`#0343DF`	3, 67, 223	223°, 97%, 44%	99, 70, 0, 13
Purple Illusion	`#B8B8F8`	184, 184, 248	240°, 82%, 85%	26, 26, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F5E1A6 on #0343DF	5.64:1	AA
Aa #EAC853 on #0343DF	4.49:1	AA large
Aa #0343DF on #B8B8F8	3.92:1	AA large
Aa #F5E1A6 on #5577EE	3.08:1	AA large
Aa #EAC853 on #5577EE	2.45:1	—
Aa #5577EE on #B8B8F8	2.14:1	—

CSS variables

:root {
  --color-1: #eac853; /* Yellow Brick Road */
  --color-2: #f5e1a6; /* Optimistic Yellow */
  --color-3: #5577ee; /* Blue Öyster Cult */
  --color-4: #0343df; /* Merchant Marine Blue */
  --color-5: #b8b8f8; /* Purple Illusion */
}

Other schemes from Yellow Brick Road

#EE5577
#EE7C54
#EAC853
#D1F358
#70F15E
Yellow Brick Road Analogous Color Scheme
#EAC853
#45E9C1
#CC55EE
#F5E6AC
#1CD3A2
Yellow Brick Road Triadic Color Scheme
#EAC853
#4EC0ED
#7755EE
#DDAA11
#97D5EA
Yellow Brick Road Split-complementary Color Scheme
#EAC853
#4CFF7B
#5577EE
#EE55CC
#F5E6AC
Yellow Brick Road Tetradic Color Scheme
#967111
#DDAA11
#EAC853
#F5DD98
#FBF4DA
Yellow Brick Road Monochromatic Color Scheme

More Light Yellow complementary palettes

Questions

What colors go with Yellow Brick Road?

In a complementary scheme: Optimistic Yellow (#F5E1A6), Blue Öyster Cult (#5577EE), Merchant Marine Blue (#0343DF), Purple Illusion (#B8B8F8).

What is the hex code of Yellow Brick Road?

#EAC853.