Vegetarian Complementary Color Scheme

Five colors arranged by the complementary rule around Vegetarian (#22AA00), each snapped to its nearest named color.

#22AA00

#33FF00

#8601AF

#480656

#CC11FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vegetarian	`#22AA00`	34, 170, 0	108°, 100%, 33%	80, 0, 100, 33
Signal Green	`#33FF00`	51, 255, 0	108°, 100%, 50%	80, 0, 100, 0
Shade of Violet	`#8601AF`	134, 1, 175	286°, 99%, 35%	23, 99, 0, 31
Clairvoyant	`#480656`	72, 6, 86	290°, 87%, 18%	16, 93, 0, 66
Sparkling Purple	`#CC11FF`	204, 17, 255	287°, 100%, 53%	20, 93, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #33FF00 on #480656	10.76:1	AAA
Aa #33FF00 on #8601AF	5.86:1	AA
Aa #22AA00 on #480656	4.75:1	AA
Aa #480656 on #CC11FF	3.55:1	AA large
Aa #33FF00 on #CC11FF	3.03:1	AA large
Aa #22AA00 on #8601AF	2.59:1	—

CSS variables

:root {
  --color-1: #22aa00; /* Vegetarian */
  --color-2: #33ff00; /* Signal Green */
  --color-3: #8601af; /* Shade of Violet */
  --color-4: #480656; /* Clairvoyant */
  --color-5: #cc11ff; /* Sparkling Purple */
}

Other schemes from Vegetarian

More Dark Green complementary palettes

Questions

What colors go with Vegetarian?

In a complementary scheme: Signal Green (#33FF00), Shade of Violet (#8601AF), Clairvoyant (#480656), Sparkling Purple (#CC11FF).

What is the hex code of Vegetarian?

#22AA00.