Artichoke Complementary Color Scheme

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

#8F9779

#BCC7A4

#786DAA

#534778

#B2A7CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Artichoke	`#8F9779`	143, 151, 121	76°, 13%, 53%	5, 0, 20, 41
Wispy Mint	`#BCC7A4`	188, 199, 164	79°, 24%, 71%	6, 0, 18, 22
Wintertime Mauve	`#786DAA`	120, 109, 170	251°, 26%, 55%	29, 36, 0, 33
Grand Purple	`#534778`	83, 71, 120	255°, 26%, 37%	31, 41, 0, 53
Wisteria-Wise	`#B2A7CC`	178, 167, 204	258°, 27%, 73%	13, 18, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BCC7A4 on #534778	4.66:1	AA
Aa #534778 on #B2A7CC	3.66:1	AA large
Aa #8F9779 on #534778	2.70:1	—
Aa #BCC7A4 on #786DAA	2.59:1	—
Aa #786DAA on #B2A7CC	2.03:1	—
Aa #786DAA on #534778	1.80:1	—

CSS variables

:root {
  --color-1: #8f9779; /* Artichoke */
  --color-2: #bcc7a4; /* Wispy Mint */
  --color-3: #786daa; /* Wintertime Mauve */
  --color-4: #534778; /* Grand Purple */
  --color-5: #b2a7cc; /* Wisteria-Wise */
}

Other schemes from Artichoke

More Medium Green complementary palettes

Questions

What colors go with Artichoke?

In a complementary scheme: Wispy Mint (#BCC7A4), Wintertime Mauve (#786DAA), Grand Purple (#534778), Wisteria-Wise (#B2A7CC).

What is the hex code of Artichoke?

#8F9779.