Greedy Gecko Complementary Color Scheme

Five colors arranged by the complementary rule around Greedy Gecko (#AA9922), each snapped to its nearest named color.

#AA9922

#D8CB4B

#2138AB

#112266

#5566DD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Greedy Gecko	`#AA9922`	170, 153, 34	53°, 67%, 40%	0, 10, 80, 33
Advertisement Green	`#D8CB4B`	216, 203, 75	54°, 64%, 57%	0, 6, 65, 15
Yuè Guāng Lán Blue	`#2138AB`	33, 56, 171	230°, 68%, 40%	81, 67, 0, 33
Pure Midnight	`#112266`	17, 34, 102	228°, 71%, 23%	83, 67, 0, 60
Thick Blue	`#5566DD`	85, 102, 221	233°, 67%, 60%	62, 54, 0, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D8CB4B on #112266	8.70:1	AAA
Aa #D8CB4B on #2138AB	5.66:1	AA
Aa #AA9922 on #112266	5.05:1	AA
Aa #AA9922 on #2138AB	3.29:1	AA large
Aa #112266 on #5566DD	3.00:1	—
Aa #D8CB4B on #5566DD	2.90:1	—

CSS variables

:root {
  --color-1: #aa9922; /* Greedy Gecko */
  --color-2: #d8cb4b; /* Advertisement Green */
  --color-3: #2138ab; /* Yuè Guāng Lán Blue */
  --color-4: #112266; /* Pure Midnight */
  --color-5: #5566dd; /* Thick Blue */
}

Other schemes from Greedy Gecko

More Dark Yellow complementary palettes

Questions

What colors go with Greedy Gecko?

In a complementary scheme: Advertisement Green (#D8CB4B), Yuè Guāng Lán Blue (#2138AB), Pure Midnight (#112266), Thick Blue (#5566DD).

What is the hex code of Greedy Gecko?

#AA9922.