Muesli Tetradic Color Scheme

Five colors arranged by the tetradic rule around Muesli (#9E7E53), each snapped to its nearest named color.

#9E7E53

#5C9F59

#50759E

#9B4D93

#C5AF91

Color names and codes

Name	HEX	RGB	HSL	CMYK
Muesli	`#9E7E53`	158, 126, 83	34°, 31%, 47%	0, 20, 47, 38
Savage Garden	`#5C9F59`	92, 159, 89	117°, 28%, 49%	42, 0, 44, 38
Secrecy	`#50759E`	80, 117, 158	212°, 33%, 47%	49, 26, 0, 38
Hyacinth Violet	`#9B4D93`	155, 77, 147	306°, 34%, 45%	0, 50, 5, 39
Peculiarly Drab Tincture	`#C5AF91`	197, 175, 145	35°, 31%, 67%	0, 11, 26, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9B4D93 on #C5AF91	2.56:1	—
Aa #50759E on #C5AF91	2.26:1	—
Aa #9E7E53 on #C5AF91	1.78:1	—
Aa #5C9F59 on #9B4D93	1.69:1	—
Aa #5C9F59 on #C5AF91	1.51:1	—
Aa #5C9F59 on #50759E	1.50:1	—

CSS variables

:root {
  --color-1: #9e7e53; /* Muesli */
  --color-2: #5c9f59; /* Savage Garden */
  --color-3: #50759e; /* Secrecy */
  --color-4: #9b4d93; /* Hyacinth Violet */
  --color-5: #c5af91; /* Peculiarly Drab Tincture */
}

Other schemes from Muesli

More Medium Orange tetradic palettes

Questions

What colors go with Muesli?

In a tetradic scheme: Savage Garden (#5C9F59), Secrecy (#50759E), Hyacinth Violet (#9B4D93), Peculiarly Drab Tincture (#C5AF91).

What is the hex code of Muesli?

#9E7E53.