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

NameHEXRGBHSLCMYKOKLCH
Gingerbread Crumble#9C5E33156, 94, 5125°, 51%, 41%0, 40, 67, 3954.3% 0.100 54
Temple Guard Blue#339A8D51, 154, 141172°, 50%, 40%67, 0, 8, 4062.4% 0.095 183
Liquid Denim#2D379645, 55, 150234°, 54%, 38%70, 63, 0, 4139.2% 0.154 272
Chubby Chocolate#61352197, 53, 3319°, 49%, 25%0, 45, 66, 6238.0% 0.071 45
Peppy Peacock#55CCBB85, 204, 187171°, 54%, 57%58, 0, 8, 2077.3% 0.110 182

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 color schemes

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.