Gecko Complementary Color Scheme

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

#9D913C

#C6BE6B

#365194

#243062

#7777CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gecko	`#9D913C`	157, 145, 60	53°, 45%, 43%	0, 8, 62, 38
Go Go Lime	`#C6BE6B`	198, 190, 107	55°, 44%, 60%	0, 4, 46, 22
Chinese Blue	`#365194`	54, 81, 148	223°, 47%, 40%	64, 45, 0, 42
Underwater Realm	`#243062`	36, 48, 98	228°, 46%, 26%	63, 51, 0, 62
Kickstart Purple	`#7777CC`	119, 119, 204	240°, 45%, 63%	42, 42, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C6BE6B on #243062	6.56:1	AA
Aa #C6BE6B on #365194	3.98:1	AA large
Aa #9D913C on #243062	3.91:1	AA large
Aa #243062 on #7777CC	3.16:1	AA large
Aa #9D913C on #365194	2.37:1	—
Aa #C6BE6B on #7777CC	2.07:1	—

CSS variables

:root {
  --color-1: #9d913c; /* Gecko */
  --color-2: #c6be6b; /* Go Go Lime */
  --color-3: #365194; /* Chinese Blue */
  --color-4: #243062; /* Underwater Realm */
  --color-5: #7777cc; /* Kickstart Purple */
}

Other schemes from Gecko

More Medium Yellow complementary palettes

Questions

What colors go with Gecko?

In a complementary scheme: Go Go Lime (#C6BE6B), Chinese Blue (#365194), Underwater Realm (#243062), Kickstart Purple (#7777CC).

What is the hex code of Gecko?

#9D913C.