Toffee Analogous Color Scheme

Five colors arranged by the analogous rule around Toffee (#755139), each snapped to its nearest named color.

#753A58

#72393F

#755139

#746E38

#557138

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Passionate Plum	`#753A58`	117, 58, 88	329°, 34%, 34%	0, 50, 25, 54	43.4% 0.091 350
Antique Rosewood	`#72393F`	114, 57, 63	354°, 33%, 34%	0, 50, 45, 55	41.9% 0.080 15
Toffee	`#755139`	117, 81, 57	24°, 34%, 34%	0, 31, 51, 54	46.8% 0.061 54
Tuscan Hills	`#746E38`	116, 110, 56	54°, 35%, 34%	0, 5, 52, 55	53.1% 0.075 103
Deep Pine	`#557138`	85, 113, 56	89°, 34%, 33%	25, 0, 50, 56	51.2% 0.089 130

Which pairs work for text

Text on background	Contrast	WCAG
Aa #72393F on #746E38	1.70:1	—
Aa #753A58 on #746E38	1.61:1	—
Aa #72393F on #557138	1.60:1	—
Aa #753A58 on #557138	1.52:1	—
Aa #755139 on #746E38	1.35:1	—
Aa #755139 on #557138	1.27:1	—

CSS variables

:root {
  --color-1: #753a58; /* Passionate Plum */
  --color-2: #72393f; /* Antique Rosewood */
  --color-3: #755139; /* Toffee */
  --color-4: #746e38; /* Tuscan Hills */
  --color-5: #557138; /* Deep Pine */
}

Other schemes from Toffee

More dark orange analogous color schemes

Questions

What colors go with Toffee?

In a analogous scheme: Passionate Plum (#753A58), Antique Rosewood (#72393F), Tuscan Hills (#746E38), Deep Pine (#557138).

What is the hex code of Toffee?

#755139.