Stroopwafel Complementary Color Scheme

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

#A86F48

#C39E81

#4885AA

#355873

#8CB0CB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Stroopwafel	`#A86F48`	168, 111, 72	24°, 40%, 47%	0, 34, 57, 34
Retributor Armour Metal	`#C39E81`	195, 158, 129	26°, 35%, 64%	0, 19, 34, 24
Cornwall	`#4885AA`	72, 133, 170	203°, 40%, 47%	58, 22, 0, 33
Water Chi	`#355873`	53, 88, 115	206°, 37%, 33%	54, 23, 0, 55
Windy Day	`#8CB0CB`	140, 176, 203	206°, 38%, 67%	31, 13, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #355873 on #8CB0CB	3.29:1	AA large
Aa #C39E81 on #355873	3.05:1	AA large
Aa #4885AA on #355873	1.86:1	—
Aa #A86F48 on #8CB0CB	1.83:1	—
Aa #A86F48 on #355873	1.80:1	—
Aa #4885AA on #8CB0CB	1.76:1	—

CSS variables

:root {
  --color-1: #a86f48; /* Stroopwafel */
  --color-2: #c39e81; /* Retributor Armour Metal */
  --color-3: #4885aa; /* Cornwall */
  --color-4: #355873; /* Water Chi */
  --color-5: #8cb0cb; /* Windy Day */
}

Other schemes from Stroopwafel

More Medium Orange complementary palettes

Questions

What colors go with Stroopwafel?

In a complementary scheme: Retributor Armour Metal (#C39E81), Cornwall (#4885AA), Water Chi (#355873), Windy Day (#8CB0CB).

What is the hex code of Stroopwafel?

#A86F48.