Cinnamon Sparkle Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Cinnamon Sparkle	`#9C5736`	156, 87, 54	19°, 49%, 41%	0, 44, 65, 39	53.1% 0.103 45
Temple Guard Blue	`#339A8D`	51, 154, 141	172°, 50%, 40%	67, 0, 8, 40	62.4% 0.095 183
Chinese Blue	`#365194`	54, 81, 148	223°, 47%, 40%	64, 45, 0, 42	44.9% 0.114 266
Chubby Chocolate	`#613521`	97, 53, 33	19°, 49%, 25%	0, 45, 66, 62	38.0% 0.071 45
Cockatoo	`#58C8B6`	88, 200, 182	170°, 50%, 56%	56, 0, 9, 22	76.3% 0.106 181

Which pairs work for text

Text on background	Contrast	WCAG
Aa #613521 on #58C8B6	5.08:1	AA
Aa #365194 on #58C8B6	3.75:1	AA large
Aa #339A8D on #613521	3.01:1	AA large
Aa #9C5736 on #58C8B6	2.70:1	—
Aa #339A8D on #365194	2.23:1	—
Aa #9C5736 on #613521	1.88:1	—

CSS variables

:root {
  --color-1: #9c5736; /* Cinnamon Sparkle */
  --color-2: #339a8d; /* Temple Guard Blue */
  --color-3: #365194; /* Chinese Blue */
  --color-4: #613521; /* Chubby Chocolate */
  --color-5: #58c8b6; /* Cockatoo */
}

Other schemes from Cinnamon Sparkle

#9C5736
#C88567
#37799C
#204D68
#67AED0
Cinnamon Sparkle Complementary Color Scheme
#97397F
#9F3645
#9C5736
#9D8F3A
#7E9B39
Cinnamon Sparkle Analogous Color Scheme
#9C5736
#339C5E
#573894
#CC896C
#226633
Cinnamon Sparkle Triadic Color Scheme
#9C5736
#449933
#37799C
#922B9C
#CC896C
Cinnamon Sparkle Tetradic Color Scheme
#2A1B0E
#613521
#9C5736
#C37C59
#D8A892
Cinnamon Sparkle Monochromatic Color Scheme

More medium orange split-complementary color schemes

Questions

What colors go with Cinnamon Sparkle?

In a split-complementary scheme: Temple Guard Blue (#339A8D), Chinese Blue (#365194), Chubby Chocolate (#613521), Cockatoo (#58C8B6).

What is the hex code of Cinnamon Sparkle?

#9C5736.