Cucumber Complementary Color Scheme

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

#006400

#00C000

#660066

#1F0B1E

#CC00CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cucumber	`#006400`	0, 100, 0	120°, 100%, 20%	100, 0, 100, 61
Waystone Green	`#00C000`	0, 192, 0	120°, 100%, 38%	100, 0, 100, 25
Purple Dreamer	`#660066`	102, 0, 102	300°, 100%, 20%	0, 100, 0, 60
Meški Black	`#1F0B1E`	31, 11, 30	303°, 48%, 8%	0, 65, 3, 88
Screaming Magenta	`#CC00CC`	204, 0, 204	300°, 100%, 40%	0, 100, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00C000 on #1F0B1E	7.59:1	AAA
Aa #00C000 on #660066	4.86:1	AA
Aa #1F0B1E on #CC00CC	3.95:1	AA large
Aa #006400 on #00C000	3.03:1	AA large
Aa #660066 on #CC00CC	2.53:1	—
Aa #006400 on #1F0B1E	2.51:1	—

CSS variables

:root {
  --color-1: #006400; /* Cucumber */
  --color-2: #00c000; /* Waystone Green */
  --color-3: #660066; /* Purple Dreamer */
  --color-4: #1f0b1e; /* Meški Black */
  --color-5: #cc00cc; /* Screaming Magenta */
}

Other schemes from Cucumber

More Very Dark Green complementary palettes

Questions

What colors go with Cucumber?

In a complementary scheme: Waystone Green (#00C000), Purple Dreamer (#660066), Meški Black (#1F0B1E), Screaming Magenta (#CC00CC).

What is the hex code of Cucumber?

#006400.