Thundercloud Complementary Color Scheme

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

#698589

#8FBABC

#97645A

#66433B

#C69896

Color names and codes

Name	HEX	RGB	HSL	CMYK
Thundercloud	`#698589`	105, 133, 137	187°, 13%, 47%	23, 3, 0, 46
Watchet	`#8FBABC`	143, 186, 188	183°, 25%, 65%	24, 1, 0, 26
Umenezumi Plum	`#97645A`	151, 100, 90	10°, 25%, 47%	0, 34, 40, 41
Chocolate Lab	`#66433B`	102, 67, 59	11°, 27%, 32%	0, 34, 42, 60
Fall Canyon	`#C69896`	198, 152, 150	2°, 30%, 68%	0, 23, 24, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8FBABC on #66433B	4.08:1	AA large
Aa #66433B on #C69896	3.43:1	AA large
Aa #8FBABC on #97645A	2.31:1	—
Aa #698589 on #66433B	2.19:1	—
Aa #97645A on #C69896	1.94:1	—
Aa #698589 on #8FBABC	1.87:1	—

CSS variables

:root {
  --color-1: #698589; /* Thundercloud */
  --color-2: #8fbabc; /* Watchet */
  --color-3: #97645a; /* Umenezumi Plum */
  --color-4: #66433b; /* Chocolate Lab */
  --color-5: #c69896; /* Fall Canyon */
}

Other schemes from Thundercloud

More Medium Teal complementary palettes

Questions

What colors go with Thundercloud?

In a complementary scheme: Watchet (#8FBABC), Umenezumi Plum (#97645A), Chocolate Lab (#66433B), Fall Canyon (#C69896).

What is the hex code of Thundercloud?

#698589.