First Love Complementary Color Scheme

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

#CF758A

#E4B6C4

#77CCBB

#42B395

#C4EAE0

Color names and codes

Name	HEX	RGB	HSL	CMYK
First Love	`#CF758A`	207, 117, 138	346°, 48%, 64%	0, 43, 33, 19
Japanese Rose Garden	`#E4B6C4`	228, 182, 196	342°, 46%, 80%	0, 20, 14, 11
Jolly Jade	`#77CCBB`	119, 204, 187	168°, 45%, 63%	42, 0, 8, 20
Green Blue	`#42B395`	66, 179, 149	164°, 46%, 48%	63, 0, 17, 30
Clear Aqua	`#C4EAE0`	196, 234, 224	164°, 47%, 84%	16, 0, 4, 8

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CF758A on #C4EAE0	2.47:1	—
Aa #42B395 on #C4EAE0	2.00:1	—
Aa #CF758A on #E4B6C4	1.80:1	—
Aa #CF758A on #77CCBB	1.70:1	—
Aa #77CCBB on #C4EAE0	1.45:1	—
Aa #E4B6C4 on #42B395	1.45:1	—

CSS variables

:root {
  --color-1: #cf758a; /* First Love */
  --color-2: #e4b6c4; /* Japanese Rose Garden */
  --color-3: #77ccbb; /* Jolly Jade */
  --color-4: #42b395; /* Green Blue */
  --color-5: #c4eae0; /* Clear Aqua */
}

Other schemes from First Love

More Light Red complementary palettes

Questions

What colors go with First Love?

In a complementary scheme: Japanese Rose Garden (#E4B6C4), Jolly Jade (#77CCBB), Green Blue (#42B395), Clear Aqua (#C4EAE0).

What is the hex code of First Love?

#CF758A.