Golem Complementary Color Scheme

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

#836E59

#B49C83

#556D88

#35495A

#90A2B7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golem	`#836E59`	131, 110, 89	30°, 19%, 43%	0, 16, 32, 49
Plush Tan	`#B49C83`	180, 156, 131	31°, 25%, 61%	0, 13, 27, 29
Electronic	`#556D88`	85, 109, 136	212°, 23%, 43%	38, 20, 0, 47
Dilly Blue	`#35495A`	53, 73, 90	208°, 26%, 28%	41, 19, 0, 65
Sell Out	`#90A2B7`	144, 162, 183	212°, 21%, 64%	21, 11, 0, 28

Which pairs work for text

Text on background	Contrast	WCAG
Aa #35495A on #90A2B7	3.57:1	AA large
Aa #B49C83 on #35495A	3.56:1	AA large
Aa #556D88 on #90A2B7	2.05:1	—
Aa #B49C83 on #556D88	2.04:1	—
Aa #836E59 on #35495A	1.93:1	—
Aa #836E59 on #90A2B7	1.85:1	—

CSS variables

:root {
  --color-1: #836e59; /* Golem */
  --color-2: #b49c83; /* Plush Tan */
  --color-3: #556d88; /* Electronic */
  --color-4: #35495a; /* Dilly Blue */
  --color-5: #90a2b7; /* Sell Out */
}

Other schemes from Golem

More Medium Orange complementary palettes

Questions

What colors go with Golem?

In a complementary scheme: Plush Tan (#B49C83), Electronic (#556D88), Dilly Blue (#35495A), Sell Out (#90A2B7).

What is the hex code of Golem?

#836E59.