Huebook

Morel Analogous Color Scheme

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

#80496E
#814D54
#73645C
#817C4A
#70804D

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Madder Magenta#80496E128, 73, 110320°, 27%, 39%0, 43, 14, 5048.3% 0.090 340
Rouge Charm#814D54129, 77, 84352°, 25%, 40%0, 40, 35, 4948.2% 0.071 11
Morel#73645C115, 100, 9221°, 11%, 41%0, 13, 20, 5551.5% 0.023 50
Verdant Leaf#817C4A129, 124, 7455°, 27%, 40%0, 4, 43, 4957.9% 0.070 103
Creamed Avocado#70804D112, 128, 7779°, 25%, 40%13, 0, 40, 5057.4% 0.075 123

Which pairs work for text

Text on backgroundContrastWCAG
Aa #80496E on #817C4A1.59:1—
Aa #80496E on #70804D1.58:1—
Aa #814D54 on #817C4A1.57:1—
Aa #814D54 on #70804D1.56:1—
Aa #73645C on #817C4A1.33:1—
Aa #73645C on #70804D1.32:1—

CSS variables

:root {
  --color-1: #80496e; /* Madder Magenta */
  --color-2: #814d54; /* Rouge Charm */
  --color-3: #73645c; /* Morel */
  --color-4: #817c4a; /* Verdant Leaf */
  --color-5: #70804d; /* Creamed Avocado */
}

Other schemes from Morel

More medium gray analogous color schemes

Questions

What colors go with Morel?

In a analogous scheme: Madder Magenta (#80496E), Rouge Charm (#814D54), Verdant Leaf (#817C4A), Creamed Avocado (#70804D).

What is the hex code of Morel?

#73645C.