Verde Complementary Color Scheme

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

#7FB383

#B8D4BB

#B67DAF

#94568C

#D8BFD8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Verde	`#7FB383`	127, 179, 131	125°, 25%, 60%	29, 0, 27, 30
Surf	`#B8D4BB`	184, 212, 187	126°, 25%, 78%	13, 0, 12, 17
Cheddar Pink Mauve	`#B67DAF`	182, 125, 175	307°, 28%, 60%	0, 31, 4, 29
Àn Zǐ Purple	`#94568C`	148, 86, 140	308°, 26%, 46%	0, 42, 5, 42
Thistle	`#D8BFD8`	216, 191, 216	300°, 24%, 80%	0, 12, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B8D4BB on #94568C	3.32:1	AA large
Aa #94568C on #D8BFD8	3.12:1	AA large
Aa #7FB383 on #94568C	2.19:1	—
Aa #B8D4BB on #B67DAF	2.01:1	—
Aa #B67DAF on #D8BFD8	1.89:1	—
Aa #B67DAF on #94568C	1.65:1	—

CSS variables

:root {
  --color-1: #7fb383; /* Verde */
  --color-2: #b8d4bb; /* Surf */
  --color-3: #b67daf; /* Cheddar Pink Mauve */
  --color-4: #94568c; /* Àn Zǐ Purple */
  --color-5: #d8bfd8; /* Thistle */
}

Other schemes from Verde

More Light Green complementary palettes

Questions

What colors go with Verde?

In a complementary scheme: Surf (#B8D4BB), Cheddar Pink Mauve (#B67DAF), Àn Zǐ Purple (#94568C), Thistle (#D8BFD8).

What is the hex code of Verde?

#7FB383.