Hot Caramel Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Hot Caramel (#CC6E3B), each snapped to its nearest named color.

#572B16

#954E2A

#CC6E3B

#DD9977

#EDC7B6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fudge Brownie	`#572B16`	87, 43, 22	19°, 60%, 21%	0, 51, 75, 66
Khaki Brown	`#954E2A`	149, 78, 42	20°, 56%, 37%	0, 48, 72, 42
Hot Caramel	`#CC6E3B`	204, 110, 59	21°, 59%, 52%	0, 46, 71, 20
Totally Toffee	`#DD9977`	221, 153, 119	20°, 60%, 67%	0, 31, 46, 13
Spiced Orange	`#EDC7B6`	237, 199, 182	19°, 60%, 82%	0, 16, 23, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #572B16 on #EDC7B6	7.63:1	AAA
Aa #572B16 on #DD9977	5.05:1	AA
Aa #954E2A on #EDC7B6	3.95:1	AA large
Aa #572B16 on #CC6E3B	3.33:1	AA large
Aa #954E2A on #DD9977	2.62:1	—
Aa #CC6E3B on #EDC7B6	2.29:1	—

CSS variables

:root {
  --color-1: #572b16; /* Fudge Brownie */
  --color-2: #954e2a; /* Khaki Brown */
  --color-3: #cc6e3b; /* Hot Caramel */
  --color-4: #dd9977; /* Totally Toffee */
  --color-5: #edc7b6; /* Spiced Orange */
}

Other schemes from Hot Caramel

More Medium Orange monochromatic palettes

Questions

What colors go with Hot Caramel?

In a monochromatic scheme: Fudge Brownie (#572B16), Khaki Brown (#954E2A), Totally Toffee (#DD9977), Spiced Orange (#EDC7B6).

What is the hex code of Hot Caramel?

#CC6E3B.