Huebook

Gingerbread Crumble Split-complementary Color Scheme

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

#9C5E33
#339A8D
#2D3796
#613521
#55CCBB

Color names and codes

NameHEXRGBHSLCMYK
Gingerbread Crumble#9C5E33156, 94, 5125°, 51%, 41%0, 40, 67, 39
Temple Guard Blue#339A8D51, 154, 141172°, 50%, 40%67, 0, 8, 40
Liquid Denim#2D379645, 55, 150234°, 54%, 38%70, 63, 0, 41
Chubby Chocolate#61352197, 53, 3319°, 49%, 25%0, 45, 66, 62
Peppy Peacock#55CCBB85, 204, 187171°, 54%, 57%58, 0, 8, 20

Which pairs work for text

Text on backgroundContrastWCAG
Aa #613521 on #55CCBB5.27:1AA
Aa #2D3796 on #55CCBB5.12:1AA
Aa #339A8D on #6135213.01:1AA large
Aa #339A8D on #2D37962.93:1—
Aa #9C5E33 on #55CCBB2.64:1—
Aa #9C5E33 on #6135211.99:1—

CSS variables

:root {
  --color-1: #9c5e33; /* Gingerbread Crumble */
  --color-2: #339a8d; /* Temple Guard Blue */
  --color-3: #2d3796; /* Liquid Denim */
  --color-4: #613521; /* Chubby Chocolate */
  --color-5: #55ccbb; /* Peppy Peacock */
}

Other schemes from Gingerbread Crumble

More Medium Orange split-complementary palettes

Questions

What colors go with Gingerbread Crumble?

In a split-complementary scheme: Temple Guard Blue (#339A8D), Liquid Denim (#2D3796), Chubby Chocolate (#613521), Peppy Peacock (#55CCBB).

What is the hex code of Gingerbread Crumble?

#9C5E33.