Gecko’s Dream Complementary Color Scheme

Five colors arranged by the complementary rule around Gecko’s Dream (#669900), each snapped to its nearest named color.

#669900

#A7FC00

#330099

#17034A

#5500FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gecko’s Dream	`#669900`	102, 153, 0	80°, 100%, 30%	33, 0, 100, 40
Spring Bud	`#A7FC00`	167, 252, 0	80°, 100%, 49%	34, 0, 100, 1
Violet Hickey	`#330099`	51, 0, 153	260°, 100%, 30%	67, 100, 0, 40
Magic Whale	`#17034A`	23, 3, 74	257°, 92%, 15%	69, 96, 0, 71
Radiant Feather	`#5500FF`	85, 0, 255	260°, 100%, 50%	67, 100, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A7FC00 on #17034A	14.43:1	AAA
Aa #A7FC00 on #330099	10.35:1	AAA
Aa #A7FC00 on #5500FF	5.85:1	AA
Aa #669900 on #17034A	5.33:1	AA
Aa #669900 on #330099	3.82:1	AA large
Aa #669900 on #A7FC00	2.71:1	—

CSS variables

:root {
  --color-1: #669900; /* Gecko’s Dream */
  --color-2: #a7fc00; /* Spring Bud */
  --color-3: #330099; /* Violet Hickey */
  --color-4: #17034a; /* Magic Whale */
  --color-5: #5500ff; /* Radiant Feather */
}

Other schemes from Gecko’s Dream

More Dark Green complementary palettes

Questions

What colors go with Gecko’s Dream?

In a complementary scheme: Spring Bud (#A7FC00), Violet Hickey (#330099), Magic Whale (#17034A), Radiant Feather (#5500FF).

What is the hex code of Gecko’s Dream?

#669900.