Gecko Tetradic Color Scheme

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

#9D913C

#319B64

#365194

#97397F

#C7C176

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gecko	`#9D913C`	157, 145, 60	53°, 45%, 43%	0, 8, 62, 38
Green Fondant	`#319B64`	49, 155, 100	149°, 52%, 40%	68, 0, 35, 39
Chinese Blue	`#365194`	54, 81, 148	223°, 47%, 40%	64, 45, 0, 42
Purple Wine	`#97397F`	151, 57, 127	315°, 45%, 41%	0, 62, 16, 41
Fresh Sprout	`#C7C176`	199, 193, 118	56°, 42%, 62%	0, 3, 41, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #365194 on #C7C176	4.10:1	AA large
Aa #97397F on #C7C176	3.53:1	AA large
Aa #9D913C on #365194	2.37:1	—
Aa #319B64 on #365194	2.17:1	—
Aa #9D913C on #97397F	2.04:1	—
Aa #319B64 on #C7C176	1.89:1	—

CSS variables

:root {
  --color-1: #9d913c; /* Gecko */
  --color-2: #319b64; /* Green Fondant */
  --color-3: #365194; /* Chinese Blue */
  --color-4: #97397f; /* Purple Wine */
  --color-5: #c7c176; /* Fresh Sprout */
}

Other schemes from Gecko

More Medium Yellow tetradic palettes

Questions

What colors go with Gecko?

In a tetradic scheme: Green Fondant (#319B64), Chinese Blue (#365194), Purple Wine (#97397F), Fresh Sprout (#C7C176).

What is the hex code of Gecko?

#9D913C.