Nicotine Gold Complementary Color Scheme

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

#EEBB33

#F7D788

#2B62F4

#024ACA

#8AADF7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Nicotine Gold	`#EEBB33`	238, 187, 51	44°, 85%, 57%	0, 21, 79, 7
Pancake	`#F7D788`	247, 215, 136	43°, 87%, 75%	0, 13, 45, 3
Retro Blue	`#2B62F4`	43, 98, 244	224°, 90%, 56%	82, 60, 0, 4
Flying Fish Blue	`#024ACA`	2, 74, 202	218°, 98%, 40%	99, 63, 0, 21
Kitten’s Eye	`#8AADF7`	138, 173, 247	221°, 87%, 75%	44, 30, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F7D788 on #024ACA	5.30:1	AA
Aa #EEBB33 on #024ACA	4.16:1	AA large
Aa #F7D788 on #2B62F4	3.62:1	AA large
Aa #024ACA on #8AADF7	3.32:1	AA large
Aa #EEBB33 on #2B62F4	2.84:1	—
Aa #2B62F4 on #8AADF7	2.26:1	—

CSS variables

:root {
  --color-1: #eebb33; /* Nicotine Gold */
  --color-2: #f7d788; /* Pancake */
  --color-3: #2b62f4; /* Retro Blue */
  --color-4: #024aca; /* Flying Fish Blue */
  --color-5: #8aadf7; /* Kitten’s Eye */
}

Other schemes from Nicotine Gold

More Medium Orange complementary palettes

Questions

What colors go with Nicotine Gold?

In a complementary scheme: Pancake (#F7D788), Retro Blue (#2B62F4), Flying Fish Blue (#024ACA), Kitten’s Eye (#8AADF7).

What is the hex code of Nicotine Gold?

#EEBB33.