Gingerbread Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gingerbread (#8C4A2F), each snapped to its nearest named color.
#8C4A2F
#319177
#26428B
#552C1C
#4BC3A8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gingerbread | #8C4A2F | 140, 74, 47 | 17°, 50%, 37% | 0, 47, 66, 45 | |
| Illuminating Emerald | #319177 | 49, 145, 119 | 164°, 49%, 38% | 66, 0, 18, 43 | |
| Blue Oblivion | #26428B | 38, 66, 139 | 223°, 57%, 35% | 73, 53, 0, 45 | |
| Boson Brown | #552C1C | 85, 44, 28 | 17°, 50%, 22% | 0, 48, 67, 67 | |
| Eucalipto | #4BC3A8 | 75, 195, 168 | 167°, 50%, 53% | 62, 0, 14, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #552C1C on #4BC3A8 | 5.48:1 | AA |
| Aa #26428B on #4BC3A8 | 4.33:1 | AA large |
| Aa #319177 on #552C1C | 3.09:1 | AA large |
| Aa #8C4A2F on #4BC3A8 | 3.08:1 | AA large |
| Aa #319177 on #26428B | 2.44:1 | — |
| Aa #8C4A2F on #552C1C | 1.78:1 | — |
CSS variables
:root {
--color-1: #8c4a2f; /* Gingerbread */
--color-2: #319177; /* Illuminating Emerald */
--color-3: #26428b; /* Blue Oblivion */
--color-4: #552c1c; /* Boson Brown */
--color-5: #4bc3a8; /* Eucalipto */
}Other schemes from Gingerbread
- Gingerbread Complementary Color Scheme#8C4A2F#C57556#34708F#1B4556#54A9CA
- Gingerbread Analogous Color Scheme#90306A#8B3145#8C4A2F#8B762C#6D8E2C
- Gingerbread Triadic Color Scheme#8C4A2F#2B8C4E#443388#C37C59#1F5429
- Gingerbread Tetradic Color Scheme#8C4A2F#448833#34708F#733380#C37C59
- Gingerbread Monochromatic Color Scheme#130D07#552C1C#8C4A2F#C46943#D59982
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Gingerbread?
In a split-complementary scheme: Illuminating Emerald (#319177), Blue Oblivion (#26428B), Boson Brown (#552C1C), Eucalipto (#4BC3A8).
What is the hex code of Gingerbread?
#8C4A2F.