Green Thumb Complementary Color Scheme

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

#779900

#BBEE00

#220099

#17034A

#3F00FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Green Thumb	`#779900`	119, 153, 0	73°, 100%, 30%	22, 0, 100, 40
Lush Green	`#BBEE00`	187, 238, 0	73°, 100%, 47%	21, 0, 100, 7
Blue Beetle	`#220099`	34, 0, 153	253°, 100%, 30%	78, 100, 0, 40
Magic Whale	`#17034A`	23, 3, 74	257°, 92%, 15%	69, 96, 0, 71
Electric Ultramarine	`#3F00FF`	63, 0, 255	255°, 100%, 50%	75, 100, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBEE00 on #17034A	13.36:1	AAA
Aa #BBEE00 on #220099	10.04:1	AAA
Aa #BBEE00 on #3F00FF	5.78:1	AA
Aa #779900 on #17034A	5.52:1	AA
Aa #779900 on #220099	4.15:1	AA large
Aa #779900 on #BBEE00	2.42:1	—

CSS variables

:root {
  --color-1: #779900; /* Green Thumb */
  --color-2: #bbee00; /* Lush Green */
  --color-3: #220099; /* Blue Beetle */
  --color-4: #17034a; /* Magic Whale */
  --color-5: #3f00ff; /* Electric Ultramarine */
}

Other schemes from Green Thumb

More Dark Green complementary palettes

Questions

What colors go with Green Thumb?

In a complementary scheme: Lush Green (#BBEE00), Blue Beetle (#220099), Magic Whale (#17034A), Electric Ultramarine (#3F00FF).

What is the hex code of Green Thumb?

#779900.