Diesel Complementary Color Scheme

Five colors arranged by the complementary rule around Diesel (#322C2B), each snapped to its nearest named color.

#322C2B

#734A45

#213638

#0F1012

#4B7378

Color names and codes

Name	HEX	RGB	HSL	CMYK
Diesel	`#322C2B`	50, 44, 43	9°, 8%, 18%	0, 12, 14, 80
Rohwurst	`#734A45`	115, 74, 69	7°, 25%, 36%	0, 36, 40, 55
Cruel Sea	`#213638`	33, 54, 56	185°, 26%, 17%	41, 4, 0, 78
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Vining Ivy	`#4B7378`	75, 115, 120	187°, 23%, 38%	37, 4, 0, 53

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #4B7378	3.65:1	AA large
Aa #322C2B on #4B7378	2.63:1	—
Aa #734A45 on #0F1012	2.53:1	—
Aa #213638 on #4B7378	2.44:1	—
Aa #322C2B on #734A45	1.83:1	—
Aa #734A45 on #213638	1.69:1	—

CSS variables

:root {
  --color-1: #322c2b; /* Diesel */
  --color-2: #734a45; /* Rohwurst */
  --color-3: #213638; /* Cruel Sea */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #4b7378; /* Vining Ivy */
}

Other schemes from Diesel

More Very Dark Gray complementary palettes

Questions

What colors go with Diesel?

In a complementary scheme: Rohwurst (#734A45), Cruel Sea (#213638), Ruined Smores (#0F1012), Vining Ivy (#4B7378).

What is the hex code of Diesel?

#322C2B.