Pink Hysteria Complementary Color Scheme

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

#FE01B1

#FF5CCD

#00FF55

#00AA33

#64E986

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pink Hysteria	`#FE01B1`	254, 1, 177	318°, 99%, 50%	0, 100, 30, 0
Illicit Pink	`#FF5CCD`	255, 92, 205	318°, 100%, 68%	0, 64, 20, 0
Cathode Green	`#00FF55`	0, 255, 85	140°, 100%, 50%	100, 0, 67, 0
Carpet Moss	`#00AA33`	0, 170, 51	138°, 100%, 33%	100, 0, 70, 33
Grotesque Green	`#64E986`	100, 233, 134	135°, 75%, 65%	57, 0, 42, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FE01B1 on #00FF55	2.64:1	—
Aa #FE01B1 on #64E986	2.31:1	—
Aa #00FF55 on #00AA33	2.27:1	—
Aa #FF5CCD on #00FF55	2.01:1	—
Aa #00AA33 on #64E986	1.99:1	—
Aa #FF5CCD on #64E986	1.77:1	—

CSS variables

:root {
  --color-1: #fe01b1; /* Pink Hysteria */
  --color-2: #ff5ccd; /* Illicit Pink */
  --color-3: #00ff55; /* Cathode Green */
  --color-4: #00aa33; /* Carpet Moss */
  --color-5: #64e986; /* Grotesque Green */
}

Other schemes from Pink Hysteria

More Medium Pink complementary palettes

Questions

What colors go with Pink Hysteria?

In a complementary scheme: Illicit Pink (#FF5CCD), Cathode Green (#00FF55), Carpet Moss (#00AA33), Grotesque Green (#64E986).

What is the hex code of Pink Hysteria?

#FE01B1.