Huebook

Gingerbread Triadic Color Scheme

Five colors arranged by the triadic rule around Gingerbread (#8C4A2F), each snapped to its nearest named color.

#8C4A2F
#2B8C4E
#443388
#C37C59
#1F5429

Color names and codes

NameHEXRGBHSLCMYK
Gingerbread#8C4A2F140, 74, 4717°, 50%, 37%0, 47, 66, 45
St. Patrick#2B8C4E43, 140, 78142°, 53%, 36%69, 0, 44, 45
Majestic Eggplant#44338868, 51, 136252°, 45%, 37%50, 63, 0, 47
Brown Clay#C37C59195, 124, 8920°, 47%, 56%0, 36, 54, 24
Moor-Monster#1F542931, 84, 41131°, 46%, 23%63, 0, 51, 67

Which pairs work for text

Text on backgroundContrastWCAG
Aa #443388 on #C37C593.06:1AA large
Aa #C37C59 on #1F54292.69:1—
Aa #2B8C4E on #4433882.39:1—
Aa #2B8C4E on #1F54292.10:1—
Aa #8C4A2F on #C37C592.02:1—
Aa #8C4A2F on #2B8C4E1.58:1—

CSS variables

:root {
  --color-1: #8c4a2f; /* Gingerbread */
  --color-2: #2b8c4e; /* St. Patrick */
  --color-3: #443388; /* Majestic Eggplant */
  --color-4: #c37c59; /* Brown Clay */
  --color-5: #1f5429; /* Moor-Monster */
}

Other schemes from Gingerbread

More Dark Orange triadic palettes

Questions

What colors go with Gingerbread?

In a triadic scheme: St. Patrick (#2B8C4E), Majestic Eggplant (#443388), Brown Clay (#C37C59), Moor-Monster (#1F5429).

What is the hex code of Gingerbread?

#8C4A2F.