Hot Brown Complementary Color Scheme

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

#984218

#DE6931

#1B7598

#123D55

#3AAFDC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hot Brown	`#984218`	152, 66, 24	20°, 73%, 35%	0, 57, 84, 40
Harvest Haze	`#DE6931`	222, 105, 49	19°, 72%, 53%	0, 53, 78, 13
Bateau	`#1B7598`	27, 117, 152	197°, 70%, 35%	82, 23, 0, 40
Duskwood	`#123D55`	18, 61, 85	201°, 65%, 20%	79, 28, 0, 67
Highlighter Blue	`#3AAFDC`	58, 175, 220	197°, 70%, 55%	74, 20, 0, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #123D55 on #3AAFDC	4.57:1	AA
Aa #DE6931 on #123D55	3.38:1	AA large
Aa #984218 on #3AAFDC	2.67:1	—
Aa #1B7598 on #123D55	2.22:1	—
Aa #1B7598 on #3AAFDC	2.06:1	—
Aa #984218 on #DE6931	1.97:1	—

CSS variables

:root {
  --color-1: #984218; /* Hot Brown */
  --color-2: #de6931; /* Harvest Haze */
  --color-3: #1b7598; /* Bateau */
  --color-4: #123d55; /* Duskwood */
  --color-5: #3aafdc; /* Highlighter Blue */
}

Other schemes from Hot Brown

More Dark Orange complementary palettes

Questions

What colors go with Hot Brown?

In a complementary scheme: Harvest Haze (#DE6931), Bateau (#1B7598), Duskwood (#123D55), Highlighter Blue (#3AAFDC).

What is the hex code of Hot Brown?

#984218.