Gossip Complementary Color Scheme

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

#9FD385

#D0EBC8

#B790D4

#9F4CB7

#E9D2EF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gossip	`#9FD385`	159, 211, 133	100°, 47%, 67%	25, 0, 37, 17
Mint Frappé	`#D0EBC8`	208, 235, 200	106°, 47%, 85%	11, 0, 15, 8
Pale Purple	`#B790D4`	183, 144, 212	274°, 44%, 70%	14, 32, 0, 17
Fuchsia Pheromone	`#9F4CB7`	159, 76, 183	287°, 43%, 51%	13, 58, 0, 28
Lavender Princess	`#E9D2EF`	233, 210, 239	288°, 48%, 88%	3, 12, 0, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D0EBC8 on #9F4CB7	3.91:1	AA large
Aa #9F4CB7 on #E9D2EF	3.56:1	AA large
Aa #9FD385 on #9F4CB7	2.89:1	—
Aa #D0EBC8 on #B790D4	2.06:1	—
Aa #B790D4 on #9F4CB7	1.90:1	—
Aa #B790D4 on #E9D2EF	1.88:1	—

CSS variables

:root {
  --color-1: #9fd385; /* Gossip */
  --color-2: #d0ebc8; /* Mint Frappé */
  --color-3: #b790d4; /* Pale Purple */
  --color-4: #9f4cb7; /* Fuchsia Pheromone */
  --color-5: #e9d2ef; /* Lavender Princess */
}

Other schemes from Gossip

More Light Green complementary palettes

Questions

What colors go with Gossip?

In a complementary scheme: Mint Frappé (#D0EBC8), Pale Purple (#B790D4), Fuchsia Pheromone (#9F4CB7), Lavender Princess (#E9D2EF).

What is the hex code of Gossip?

#9FD385.