Huebook

Heavy Brown Analogous Color Scheme

Five colors arranged by the analogous rule around Heavy Brown (#73624A), each snapped to its nearest named color.

#75495E
#734A45
#73624A
#777648
#5B7349

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Bewitching#75495E117, 73, 94331°, 23%, 37%0, 38, 20, 5446.3% 0.067 350
Rohwurst#734A45115, 74, 697°, 25%, 36%0, 36, 40, 5545.4% 0.057 27
Heavy Brown#73624A115, 98, 7435°, 22%, 37%0, 15, 36, 5550.6% 0.042 76
Gunmetal Green#777648119, 118, 7259°, 25%, 37%0, 1, 39, 5355.5% 0.065 107
Pineweed#5B734991, 115, 7394°, 22%, 37%21, 0, 37, 5552.5% 0.069 133

Which pairs work for text

Text on backgroundContrastWCAG
Aa #734A45 on #7776481.60:1—
Aa #75495E on #7776481.56:1—
Aa #734A45 on #5B73491.43:1—
Aa #75495E on #5B73491.39:1—
Aa #734A45 on #73624A1.28:1—
Aa #73624A on #7776481.25:1—

CSS variables

:root {
  --color-1: #75495e; /* Bewitching */
  --color-2: #734a45; /* Rohwurst */
  --color-3: #73624a; /* Heavy Brown */
  --color-4: #777648; /* Gunmetal Green */
  --color-5: #5b7349; /* Pineweed */
}

Other schemes from Heavy Brown

More dark orange analogous color schemes

Questions

What colors go with Heavy Brown?

In a analogous scheme: Bewitching (#75495E), Rohwurst (#734A45), Gunmetal Green (#777648), Pineweed (#5B7349).

What is the hex code of Heavy Brown?

#73624A.