Slate Gray Complementary Color Scheme

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

#708090

#9EAFC2

#A18162

#6F5944

#C5B1A0

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Slate Gray	`#708090`	112, 128, 144	210°, 13%, 50%	22, 11, 0, 44	59.3% 0.031 248
Sterling Silver	`#9EAFC2`	158, 175, 194	212°, 23%, 69%	19, 10, 0, 24	74.7% 0.033 251
Mulled Cider	`#A18162`	161, 129, 98	30°, 25%, 51%	0, 20, 39, 37	62.6% 0.059 65
Baby Bear	`#6F5944`	111, 89, 68	29°, 24%, 35%	0, 20, 39, 56	48.0% 0.043 65
Cracked Earth	`#C5B1A0`	197, 177, 160	28°, 24%, 70%	0, 10, 19, 23	77.3% 0.033 63

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6F5944 on #C5B1A0	3.19:1	AA large
Aa #9EAFC2 on #6F5944	2.94:1	—
Aa #708090 on #C5B1A0	1.96:1	—
Aa #A18162 on #6F5944	1.83:1	—
Aa #708090 on #9EAFC2	1.81:1	—
Aa #A18162 on #C5B1A0	1.74:1	—

CSS variables

:root {
  --color-1: #708090; /* Slate Gray */
  --color-2: #9eafc2; /* Sterling Silver */
  --color-3: #a18162; /* Mulled Cider */
  --color-4: #6f5944; /* Baby Bear */
  --color-5: #c5b1a0; /* Cracked Earth */
}

Other schemes from Slate Gray

More medium blue complementary color schemes

Questions

What colors go with Slate Gray?

In a complementary scheme: Sterling Silver (#9EAFC2), Mulled Cider (#A18162), Baby Bear (#6F5944), Cracked Earth (#C5B1A0).

What is the hex code of Slate Gray?

#708090.