Cupid Complementary Color Scheme

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

#F5B2C5

#FFE9ED

#B0EEE2

#7EF4CC

#EBFCF5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cupid	`#F5B2C5`	245, 178, 197	343°, 77%, 83%	0, 27, 20, 4
Rose Mochi	`#FFE9ED`	255, 233, 237	349°, 100%, 96%	0, 9, 7, 0
East Cape	`#B0EEE2`	176, 238, 226	168°, 65%, 81%	26, 0, 5, 7
Light Turquoise	`#7EF4CC`	126, 244, 204	160°, 84%, 73%	48, 0, 16, 4
Placebo Turquoise	`#EBFCF5`	235, 252, 245	155°, 74%, 95%	7, 0, 3, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F5B2C5 on #EBFCF5	1.64:1	—
Aa #F5B2C5 on #FFE9ED	1.50:1	—
Aa #F5B2C5 on #B0EEE2	1.34:1	—
Aa #F5B2C5 on #7EF4CC	1.30:1	—
Aa #7EF4CC on #EBFCF5	1.26:1	—
Aa #B0EEE2 on #EBFCF5	1.22:1	—

CSS variables

:root {
  --color-1: #f5b2c5; /* Cupid */
  --color-2: #ffe9ed; /* Rose Mochi */
  --color-3: #b0eee2; /* East Cape */
  --color-4: #7ef4cc; /* Light Turquoise */
  --color-5: #ebfcf5; /* Placebo Turquoise */
}

Other schemes from Cupid

More Very Light Pink complementary palettes

Questions

What colors go with Cupid?

In a complementary scheme: Rose Mochi (#FFE9ED), East Cape (#B0EEE2), Light Turquoise (#7EF4CC), Placebo Turquoise (#EBFCF5).

What is the hex code of Cupid?

#F5B2C5.