Broccoli Complementary Color Scheme

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

#87B364

#B5D0A2

#926CAC

#664488

#C1ABD4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Broccoli	`#87B364`	135, 179, 100	93°, 34%, 55%	25, 0, 44, 30
Apium	`#B5D0A2`	181, 208, 162	95°, 33%, 73%	13, 0, 22, 18
Knight Elf	`#926CAC`	146, 108, 172	276°, 28%, 55%	15, 37, 0, 33
Lords of the Night	`#664488`	102, 68, 136	270°, 33%, 40%	25, 50, 0, 47
Purple Gladiola	`#C1ABD4`	193, 171, 212	272°, 32%, 75%	9, 19, 0, 17

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B5D0A2 on #664488	4.55:1	AA
Aa #664488 on #C1ABD4	3.66:1	AA large
Aa #87B364 on #664488	3.15:1	AA large
Aa #B5D0A2 on #926CAC	2.52:1	—
Aa #926CAC on #C1ABD4	2.02:1	—
Aa #926CAC on #664488	1.81:1	—

CSS variables

:root {
  --color-1: #87b364; /* Broccoli */
  --color-2: #b5d0a2; /* Apium */
  --color-3: #926cac; /* Knight Elf */
  --color-4: #664488; /* Lords of the Night */
  --color-5: #c1abd4; /* Purple Gladiola */
}

Other schemes from Broccoli

More Medium Green complementary palettes

Questions

What colors go with Broccoli?

In a complementary scheme: Apium (#B5D0A2), Knight Elf (#926CAC), Lords of the Night (#664488), Purple Gladiola (#C1ABD4).

What is the hex code of Broccoli?

#87B364.