Gotham Monochromatic Color Scheme

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

#322C2B

#57534C

#807872

#A69F9A

#C8C4C2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Diesel	`#322C2B`	50, 44, 43	9°, 8%, 18%	0, 12, 14, 80
Thunder Grey	`#57534C`	87, 83, 76	38°, 7%, 32%	0, 5, 13, 66
Gotham	`#807872`	128, 120, 114	26°, 6%, 47%	0, 6, 11, 50
Mauve Melody	`#A69F9A`	166, 159, 154	25°, 6%, 63%	0, 4, 7, 35
Apollo	`#C8C4C2`	200, 196, 194	20°, 5%, 77%	0, 2, 3, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #322C2B on #C8C4C2	7.92:1	AAA
Aa #322C2B on #A69F9A	5.26:1	AA
Aa #57534C on #C8C4C2	4.42:1	AA large
Aa #322C2B on #807872	3.17:1	AA large
Aa #57534C on #A69F9A	2.93:1	—
Aa #807872 on #C8C4C2	2.50:1	—

CSS variables

:root {
  --color-1: #322c2b; /* Diesel */
  --color-2: #57534c; /* Thunder Grey */
  --color-3: #807872; /* Gotham */
  --color-4: #a69f9a; /* Mauve Melody */
  --color-5: #c8c4c2; /* Apollo */
}

Other schemes from Gotham

More Medium Gray monochromatic palettes

Questions

What colors go with Gotham?

In a monochromatic scheme: Diesel (#322C2B), Thunder Grey (#57534C), Mauve Melody (#A69F9A), Apollo (#C8C4C2).

What is the hex code of Gotham?

#807872.