Gingerbread Complementary Color Scheme

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

#8C4A2F

#C57556

#34708F

#1B4556

#54A9CA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gingerbread	`#8C4A2F`	140, 74, 47	17°, 50%, 37%	0, 47, 66, 45
Spanish Peanut	`#C57556`	197, 117, 86	17°, 49%, 55%	0, 41, 56, 23
Big Ocean Wave	`#34708F`	52, 112, 143	200°, 47%, 38%	64, 22, 0, 44
Blue Syzygy	`#1B4556`	27, 69, 86	197°, 52%, 22%	69, 20, 0, 66
Estero Sky	`#54A9CA`	84, 169, 202	197°, 53%, 56%	58, 16, 0, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1B4556 on #54A9CA	3.89:1	AA large
Aa #C57556 on #1B4556	2.98:1	—
Aa #8C4A2F on #54A9CA	2.52:1	—
Aa #34708F on #54A9CA	2.05:1	—
Aa #8C4A2F on #C57556	1.93:1	—
Aa #34708F on #1B4556	1.90:1	—

CSS variables

:root {
  --color-1: #8c4a2f; /* Gingerbread */
  --color-2: #c57556; /* Spanish Peanut */
  --color-3: #34708f; /* Big Ocean Wave */
  --color-4: #1b4556; /* Blue Syzygy */
  --color-5: #54a9ca; /* Estero Sky */
}

Other schemes from Gingerbread

More Dark Orange complementary palettes

Questions

What colors go with Gingerbread?

In a complementary scheme: Spanish Peanut (#C57556), Big Ocean Wave (#34708F), Blue Syzygy (#1B4556), Estero Sky (#54A9CA).

What is the hex code of Gingerbread?

#8C4A2F.