Clover Tetradic Color Scheme

Five colors arranged by the tetradic rule around Clover (#008F00), each snapped to its nearest named color.

#008F00

#02478E

#8B008B

#884400

#00F900

Color names and codes

Name	HEX	RGB	HSL	CMYK
Clover	`#008F00`	0, 143, 0	120°, 100%, 28%	100, 0, 100, 44
Congress Blue	`#02478E`	2, 71, 142	210°, 97%, 28%	99, 50, 0, 44
Dark Magenta	`#8B008B`	139, 0, 139	300°, 100%, 27%	0, 100, 0, 45
Chocolate Pancakes	`#884400`	136, 68, 0	30°, 100%, 27%	0, 50, 100, 47
Spring	`#00F900`	0, 249, 0	120°, 100%, 49%	100, 0, 100, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #02478E on #00F900	6.34:1	AA
Aa #8B008B on #00F900	5.89:1	AA
Aa #884400 on #00F900	5.06:1	AA
Aa #008F00 on #00F900	2.95:1	—
Aa #008F00 on #02478E	2.15:1	—
Aa #008F00 on #8B008B	2.00:1	—

CSS variables

:root {
  --color-1: #008f00; /* Clover */
  --color-2: #02478e; /* Congress Blue */
  --color-3: #8b008b; /* Dark Magenta */
  --color-4: #884400; /* Chocolate Pancakes */
  --color-5: #00f900; /* Spring */
}

Other schemes from Clover

More Dark Green tetradic palettes

Questions

What colors go with Clover?

In a tetradic scheme: Congress Blue (#02478E), Dark Magenta (#8B008B), Chocolate Pancakes (#884400), Spring (#00F900).

What is the hex code of Clover?

#008F00.