Green (CSS) Triadic Color Scheme

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

#008000

#000080

#800000

#00EE00

#000033

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
Navy Blue	`#000080`	0, 0, 128	240°, 100%, 25%	100, 100, 0, 50	27.1% 0.188 264
Maroon	`#800000`	128, 0, 0	0°, 100%, 25%	0, 100, 100, 50	37.7% 0.155 29
Delightful Green	`#00EE00`	0, 238, 0	120°, 100%, 47%	100, 0, 100, 7	82.2% 0.280 142
Abyssopelagic Water	`#000033`	0, 0, 51	240°, 100%, 10%	100, 100, 0, 80	14.5% 0.101 264

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00EE00 on #000033	12.63:1	AAA
Aa #000080 on #00EE00	10.09:1	AAA
Aa #800000 on #00EE00	6.90:1	AA
Aa #008000 on #000033	3.90:1	AA large
Aa #008000 on #00EE00	3.24:1	AA large
Aa #008000 on #000080	3.12:1	AA large

CSS variables

:root {
  --color-1: #008000; /* Green (CSS) */
  --color-2: #000080; /* Navy Blue */
  --color-3: #800000; /* Maroon */
  --color-4: #00ee00; /* Delightful Green */
  --color-5: #000033; /* Abyssopelagic Water */
}

Other schemes from Green (CSS)

More dark green triadic color schemes

Questions

What colors go with Green (CSS)?

In a triadic scheme: Navy Blue (#000080), Maroon (#800000), Delightful Green (#00EE00), Abyssopelagic Water (#000033).

What is the hex code of Green (CSS)?

#008000.