Dire Wolf Complementary Color Scheme

Five colors arranged by the complementary rule around Dire Wolf (#282828), each snapped to its nearest named color.

#282828

#684141

#193232

#0F1012

#417074

Color names and codes

Name	HEX	RGB	HSL	CMYK
Dire Wolf	`#282828`	40, 40, 40	0°, 0%, 16%	0, 0, 0, 84
Folklore	`#684141`	104, 65, 65	0°, 23%, 33%	0, 38, 38, 59
Dark Pine Green	`#193232`	25, 50, 50	180°, 33%, 15%	50, 0, 0, 80
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Thunderhawk Blue	`#417074`	65, 112, 116	185°, 28%, 35%	44, 3, 0, 55

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #417074	3.44:1	AA large
Aa #282828 on #417074	2.66:1	—
Aa #193232 on #417074	2.46:1	—
Aa #684141 on #0F1012	2.19:1	—
Aa #282828 on #684141	1.70:1	—
Aa #684141 on #193232	1.57:1	—

CSS variables

:root {
  --color-1: #282828; /* Dire Wolf */
  --color-2: #684141; /* Folklore */
  --color-3: #193232; /* Dark Pine Green */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #417074; /* Thunderhawk Blue */
}

Other schemes from Dire Wolf

More Very Dark Gray complementary palettes

Questions

What colors go with Dire Wolf?

In a complementary scheme: Folklore (#684141), Dark Pine Green (#193232), Ruined Smores (#0F1012), Thunderhawk Blue (#417074).

What is the hex code of Dire Wolf?

#282828.