Prism Pink Complementary Color Scheme

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

#F0A1BF

#F8EAED

#AAF0D1

#56FCA2

#EBFCF5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Prism Pink	`#F0A1BF`	240, 161, 191	337°, 72%, 79%	0, 33, 20, 6
Morning Shine	`#F8EAED`	248, 234, 237	347°, 50%, 95%	0, 6, 4, 3
Magic Mint	`#AAF0D1`	170, 240, 209	153°, 70%, 80%	29, 0, 13, 6
Illicit Green	`#56FCA2`	86, 252, 162	147°, 97%, 66%	66, 0, 36, 1
Placebo Turquoise	`#EBFCF5`	235, 252, 245	155°, 74%, 95%	7, 0, 3, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F0A1BF on #EBFCF5	1.87:1	—
Aa #F0A1BF on #F8EAED	1.70:1	—
Aa #F0A1BF on #AAF0D1	1.52:1	—
Aa #F0A1BF on #56FCA2	1.50:1	—
Aa #56FCA2 on #EBFCF5	1.25:1	—
Aa #AAF0D1 on #EBFCF5	1.23:1	—

CSS variables

:root {
  --color-1: #f0a1bf; /* Prism Pink */
  --color-2: #f8eaed; /* Morning Shine */
  --color-3: #aaf0d1; /* Magic Mint */
  --color-4: #56fca2; /* Illicit Green */
  --color-5: #ebfcf5; /* Placebo Turquoise */
}

Other schemes from Prism Pink

More Light Pink complementary palettes

Questions

What colors go with Prism Pink?

In a complementary scheme: Morning Shine (#F8EAED), Magic Mint (#AAF0D1), Illicit Green (#56FCA2), Placebo Turquoise (#EBFCF5).

What is the hex code of Prism Pink?

#F0A1BF.