Pumping Spice Complementary Color Scheme

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

#F7504A

#FEA5A2

#45E9FD

#11EEEE

#B2F8F8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pumping Spice	`#F7504A`	247, 80, 74	2°, 92%, 63%	0, 68, 70, 3
Pink Dream	`#FEA5A2`	254, 165, 162	2°, 98%, 82%	0, 35, 36, 0
Shimmering Expanse Cyan	`#45E9FD`	69, 233, 253	187°, 98%, 63%	73, 8, 0, 1
Phosphorescent Blue	`#11EEEE`	17, 238, 238	180°, 87%, 50%	93, 0, 0, 7
Ice Citadel	`#B2F8F8`	178, 248, 248	180°, 83%, 84%	28, 0, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F7504A on #B2F8F8	2.85:1	—
Aa #F7504A on #11EEEE	2.34:1	—
Aa #F7504A on #45E9FD	2.31:1	—
Aa #F7504A on #FEA5A2	1.79:1	—
Aa #FEA5A2 on #B2F8F8	1.59:1	—
Aa #FEA5A2 on #11EEEE	1.30:1	—

CSS variables

:root {
  --color-1: #f7504a; /* Pumping Spice */
  --color-2: #fea5a2; /* Pink Dream */
  --color-3: #45e9fd; /* Shimmering Expanse Cyan */
  --color-4: #11eeee; /* Phosphorescent Blue */
  --color-5: #b2f8f8; /* Ice Citadel */
}

Other schemes from Pumping Spice

More Light Red complementary palettes

Questions

What colors go with Pumping Spice?

In a complementary scheme: Pink Dream (#FEA5A2), Shimmering Expanse Cyan (#45E9FD), Phosphorescent Blue (#11EEEE), Ice Citadel (#B2F8F8).

What is the hex code of Pumping Spice?

#F7504A.