Huebook

Gingerbread Crumble Analogous Color Scheme

Five colors arranged by the analogous rule around Gingerbread Crumble (#9C5E33), each snapped to its nearest named color.

#993366
#98333A
#9C5E33
#9C932F
#689938

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Scarlet Flame#993366153, 51, 102330°, 50%, 40%0, 67, 33, 4048.5% 0.145 353
Queen of Hearts#98333A152, 51, 58356°, 50%, 40%0, 66, 62, 4047.0% 0.135 20
Gingerbread Crumble#9C5E33156, 94, 5125°, 51%, 41%0, 40, 67, 3954.3% 0.100 54
Art Nouveau Green#9C932F156, 147, 4755°, 54%, 40%0, 6, 70, 3965.2% 0.119 104
Hidden Valley#689938104, 153, 5690°, 46%, 41%32, 0, 63, 4062.7% 0.138 132

Which pairs work for text

Text on backgroundContrastWCAG
Aa #98333A on #9C932F2.31:1—
Aa #993366 on #9C932F2.19:1—
Aa #98333A on #6899382.16:1—
Aa #993366 on #6899382.05:1—
Aa #9C5E33 on #9C932F1.63:1—
Aa #9C5E33 on #6899381.53:1—

CSS variables

:root {
  --color-1: #993366; /* Scarlet Flame */
  --color-2: #98333a; /* Queen of Hearts */
  --color-3: #9c5e33; /* Gingerbread Crumble */
  --color-4: #9c932f; /* Art Nouveau Green */
  --color-5: #689938; /* Hidden Valley */
}

Other schemes from Gingerbread Crumble

More medium orange analogous color schemes

Questions

What colors go with Gingerbread Crumble?

In a analogous scheme: Scarlet Flame (#993366), Queen of Hearts (#98333A), Art Nouveau Green (#9C932F), Hidden Valley (#689938).

What is the hex code of Gingerbread Crumble?

#9C5E33.