Green Envy Complementary Color Scheme

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

#77AA00

#B9FF03

#3300AA

#1D045D

#5218FA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Green Envy	`#77AA00`	119, 170, 0	78°, 100%, 33%	30, 0, 100, 33
Atomic Lime	`#B9FF03`	185, 255, 3	77°, 100%, 51%	27, 0, 99, 0
Sea Grape	`#3300AA`	51, 0, 170	258°, 100%, 33%	70, 100, 0, 33
Darth Torus	`#1D045D`	29, 4, 93	257°, 92%, 19%	69, 96, 0, 64
Han Purple	`#5218FA`	82, 24, 250	255°, 96%, 54%	67, 90, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B9FF03 on #1D045D	14.15:1	AAA
Aa #B9FF03 on #3300AA	10.09:1	AAA
Aa #77AA00 on #1D045D	6.14:1	AA
Aa #B9FF03 on #5218FA	6.05:1	AA
Aa #77AA00 on #3300AA	4.38:1	AA large
Aa #77AA00 on #5218FA	2.63:1	—

CSS variables

:root {
  --color-1: #77aa00; /* Green Envy */
  --color-2: #b9ff03; /* Atomic Lime */
  --color-3: #3300aa; /* Sea Grape */
  --color-4: #1d045d; /* Darth Torus */
  --color-5: #5218fa; /* Han Purple */
}

Other schemes from Green Envy

More Dark Green complementary palettes

Questions

What colors go with Green Envy?

In a complementary scheme: Atomic Lime (#B9FF03), Sea Grape (#3300AA), Darth Torus (#1D045D), Han Purple (#5218FA).

What is the hex code of Green Envy?

#77AA00.