Shocking Pink Complementary Color Scheme

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

#FE02A2

#FF5EC4

#00FF55

#00AD43

#7BE892

Color names and codes

Name	HEX	RGB	HSL	CMYK
Shocking Pink	`#FE02A2`	254, 2, 162	322°, 99%, 50%	0, 99, 36, 0
Eosin Pink	`#FF5EC4`	255, 94, 196	322°, 100%, 68%	0, 63, 23, 0
Cathode Green	`#00FF55`	0, 255, 85	140°, 100%, 50%	100, 0, 67, 0
Poison Ivy	`#00AD43`	0, 173, 67	143°, 100%, 34%	100, 0, 61, 32
Ragweed	`#7BE892`	123, 232, 146	133°, 70%, 70%	47, 0, 37, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FE02A2 on #00FF55	2.69:1	—
Aa #FE02A2 on #7BE892	2.40:1	—
Aa #00FF55 on #00AD43	2.19:1	—
Aa #FF5EC4 on #00FF55	2.02:1	—
Aa #00AD43 on #7BE892	1.96:1	—
Aa #FF5EC4 on #7BE892	1.80:1	—

CSS variables

:root {
  --color-1: #fe02a2; /* Shocking Pink */
  --color-2: #ff5ec4; /* Eosin Pink */
  --color-3: #00ff55; /* Cathode Green */
  --color-4: #00ad43; /* Poison Ivy */
  --color-5: #7be892; /* Ragweed */
}

Other schemes from Shocking Pink

More Medium Pink complementary palettes

Questions

What colors go with Shocking Pink?

In a complementary scheme: Eosin Pink (#FF5EC4), Cathode Green (#00FF55), Poison Ivy (#00AD43), Ragweed (#7BE892).

What is the hex code of Shocking Pink?

#FE02A2.