Magical Girl Complementary Color Scheme

Five colors arranged by the complementary rule around Magical Girl (#FF7A8F), each snapped to its nearest named color.

#FF7A8F

#FFD6DD

#77EEEE

#32FFDC

#E0FEFE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Magical Girl	`#FF7A8F`	255, 122, 143	351°, 100%, 74%	0, 52, 44, 0
No Need to Blush	`#FFD6DD`	255, 214, 221	350°, 100%, 92%	0, 16, 13, 0
Dead Sea	`#77EEEE`	119, 238, 238	180°, 78%, 70%	50, 0, 0, 7
Aurichalcite	`#32FFDC`	50, 255, 220	170°, 100%, 60%	80, 0, 14, 0
Matterhorn Snow	`#E0FEFE`	224, 254, 254	180°, 94%, 94%	12, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FF7A8F on #E0FEFE	2.35:1	—
Aa #FF7A8F on #32FFDC	1.95:1	—
Aa #FF7A8F on #FFD6DD	1.89:1	—
Aa #FF7A8F on #77EEEE	1.81:1	—
Aa #77EEEE on #E0FEFE	1.30:1	—
Aa #FFD6DD on #E0FEFE	1.24:1	—

CSS variables

:root {
  --color-1: #ff7a8f; /* Magical Girl */
  --color-2: #ffd6dd; /* No Need to Blush */
  --color-3: #77eeee; /* Dead Sea */
  --color-4: #32ffdc; /* Aurichalcite */
  --color-5: #e0fefe; /* Matterhorn Snow */
}

Other schemes from Magical Girl

More Light Red complementary palettes

Questions

What colors go with Magical Girl?

In a complementary scheme: No Need to Blush (#FFD6DD), Dead Sea (#77EEEE), Aurichalcite (#32FFDC), Matterhorn Snow (#E0FEFE).

What is the hex code of Magical Girl?

#FF7A8F.