Gotham Complementary Color Scheme

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

#807872

#BAA391

#5B7E98

#3F5865

#96AEC5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gotham	`#807872`	128, 120, 114	26°, 6%, 47%	0, 6, 11, 50
Faint Maple	`#BAA391`	186, 163, 145	26°, 23%, 65%	0, 12, 22, 27
Blue Heaven	`#5B7E98`	91, 126, 152	206°, 25%, 48%	40, 17, 0, 40
Stargazer	`#3F5865`	63, 88, 101	201°, 23%, 32%	38, 13, 0, 60
Nordland Light Blue	`#96AEC5`	150, 174, 197	209°, 29%, 68%	24, 12, 0, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3F5865 on #96AEC5	3.28:1	AA large
Aa #BAA391 on #3F5865	3.13:1	AA large
Aa #807872 on #96AEC5	1.89:1	—
Aa #5B7E98 on #96AEC5	1.88:1	—
Aa #807872 on #BAA391	1.80:1	—
Aa #BAA391 on #5B7E98	1.79:1	—

CSS variables

:root {
  --color-1: #807872; /* Gotham */
  --color-2: #baa391; /* Faint Maple */
  --color-3: #5b7e98; /* Blue Heaven */
  --color-4: #3f5865; /* Stargazer */
  --color-5: #96aec5; /* Nordland Light Blue */
}

Other schemes from Gotham

More Medium Gray complementary palettes

Questions

What colors go with Gotham?

In a complementary scheme: Faint Maple (#BAA391), Blue Heaven (#5B7E98), Stargazer (#3F5865), Nordland Light Blue (#96AEC5).

What is the hex code of Gotham?

#807872.