Bitter Leaf Complementary Color Scheme

Five colors arranged by the complementary rule around Bitter Leaf (#669841), each snapped to its nearest named color.

#669841

#93C572

#674196

#482D67

#A87DC2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bitter Leaf	`#669841`	102, 152, 65	94°, 40%, 43%	33, 0, 57, 40
Pistachio	`#93C572`	147, 197, 114	96°, 42%, 61%	25, 0, 42, 23
Sweet Flag	`#674196`	103, 65, 150	267°, 40%, 42%	31, 57, 0, 41
Violet Indigo	`#482D67`	72, 45, 103	268°, 39%, 29%	30, 56, 0, 60
Wisteria	`#A87DC2`	168, 125, 194	277°, 36%, 63%	13, 36, 0, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #93C572 on #482D67	5.67:1	AA
Aa #93C572 on #674196	3.78:1	AA large
Aa #482D67 on #A87DC2	3.45:1	AA large
Aa #669841 on #482D67	3.32:1	AA large
Aa #674196 on #A87DC2	2.30:1	—
Aa #669841 on #674196	2.21:1	—

CSS variables

:root {
  --color-1: #669841; /* Bitter Leaf */
  --color-2: #93c572; /* Pistachio */
  --color-3: #674196; /* Sweet Flag */
  --color-4: #482d67; /* Violet Indigo */
  --color-5: #a87dc2; /* Wisteria */
}

Other schemes from Bitter Leaf

More Medium Green complementary palettes

Questions

What colors go with Bitter Leaf?

In a complementary scheme: Pistachio (#93C572), Sweet Flag (#674196), Violet Indigo (#482D67), Wisteria (#A87DC2).

What is the hex code of Bitter Leaf?

#669841.