Green (CSS) Complementary Color Scheme

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

#008000

#00DD00

#800080

#330033

#EE00EE

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Green (CSS)	`#008000`	0, 128, 0	120°, 100%, 25%	100, 0, 100, 50	52.0% 0.177 142
Greenalicious	`#00DD00`	0, 221, 0	120°, 100%, 43%	100, 0, 100, 13	77.8% 0.265 142
Purple	`#800080`	128, 0, 128	300°, 100%, 25%	0, 100, 0, 50	42.1% 0.193 328
Exquisite Eggplant	`#330033`	51, 0, 51	300°, 100%, 10%	0, 100, 0, 80	22.5% 0.104 328
Piquant Pink	`#EE00EE`	238, 0, 238	300°, 100%, 47%	0, 100, 0, 7	66.6% 0.306 328

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00DD00 on #330033	9.54:1	AAA
Aa #00DD00 on #800080	5.09:1	AA
Aa #330033 on #EE00EE	4.94:1	AA
Aa #008000 on #330033	3.44:1	AA large
Aa #008000 on #00DD00	2.77:1	—
Aa #800080 on #EE00EE	2.63:1	—

CSS variables

:root {
  --color-1: #008000; /* Green (CSS) */
  --color-2: #00dd00; /* Greenalicious */
  --color-3: #800080; /* Purple */
  --color-4: #330033; /* Exquisite Eggplant */
  --color-5: #ee00ee; /* Piquant Pink */
}

Other schemes from Green (CSS)

More dark green complementary color schemes

Questions

What colors go with Green (CSS)?

In a complementary scheme: Greenalicious (#00DD00), Purple (#800080), Exquisite Eggplant (#330033), Piquant Pink (#EE00EE).

What is the hex code of Green (CSS)?

#008000.