Hot Brown Monochromatic Color Scheme

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

#130A06

#552211

#984218

#DD5522

#E88D68

Color names and codes

Name	HEX	RGB	HSL	CMYK
Asphalt	`#130A06`	19, 10, 6	18°, 52%, 5%	0, 47, 68, 93
Peaty Brown	`#552211`	85, 34, 17	15°, 67%, 20%	0, 60, 80, 67
Hot Brown	`#984218`	152, 66, 24	20°, 73%, 35%	0, 57, 84, 40
Firebird Tail Lights	`#DD5522`	221, 85, 34	16°, 73%, 50%	0, 62, 85, 13
Shell Coral	`#E88D68`	232, 141, 104	17°, 74%, 66%	0, 39, 55, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130A06 on #E88D68	7.86:1	AAA
Aa #552211 on #E88D68	5.20:1	AA
Aa #130A06 on #DD5522	5.03:1	AA
Aa #552211 on #DD5522	3.32:1	AA large
Aa #130A06 on #984218	2.91:1	—
Aa #984218 on #E88D68	2.70:1	—

CSS variables

:root {
  --color-1: #130a06; /* Asphalt */
  --color-2: #552211; /* Peaty Brown */
  --color-3: #984218; /* Hot Brown */
  --color-4: #dd5522; /* Firebird Tail Lights */
  --color-5: #e88d68; /* Shell Coral */
}

Other schemes from Hot Brown

More Dark Orange monochromatic palettes

Questions

What colors go with Hot Brown?

In a monochromatic scheme: Asphalt (#130A06), Peaty Brown (#552211), Firebird Tail Lights (#DD5522), Shell Coral (#E88D68).

What is the hex code of Hot Brown?

#984218.