Clover Complementary Color Scheme

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

#008F00

#00EE00

#8B008B

#440044

#EE00EE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Clover	`#008F00`	0, 143, 0	120°, 100%, 28%	100, 0, 100, 44
Delightful Green	`#00EE00`	0, 238, 0	120°, 100%, 47%	100, 0, 100, 7
Dark Magenta	`#8B008B`	139, 0, 139	300°, 100%, 27%	0, 100, 0, 45
Jacarta	`#440044`	68, 0, 68	300°, 100%, 13%	0, 100, 0, 73
Piquant Pink	`#EE00EE`	238, 0, 238	300°, 100%, 47%	0, 100, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00EE00 on #440044	9.95:1	AAA
Aa #00EE00 on #8B008B	5.35:1	AA
Aa #440044 on #EE00EE	4.42:1	AA large
Aa #008F00 on #440044	3.71:1	AA large
Aa #008F00 on #00EE00	2.68:1	—
Aa #8B008B on #EE00EE	2.38:1	—

CSS variables

:root {
  --color-1: #008f00; /* Clover */
  --color-2: #00ee00; /* Delightful Green */
  --color-3: #8b008b; /* Dark Magenta */
  --color-4: #440044; /* Jacarta */
  --color-5: #ee00ee; /* Piquant Pink */
}

Other schemes from Clover

More Dark Green complementary palettes

Questions

What colors go with Clover?

In a complementary scheme: Delightful Green (#00EE00), Dark Magenta (#8B008B), Jacarta (#440044), Piquant Pink (#EE00EE).

What is the hex code of Clover?

#008F00.