Umbra Complementary Color Scheme

Five colors arranged by the complementary rule around Umbra (#211E1F), each snapped to its nearest named color.

#211E1F

#643A48

#162825

#0F1012

#3E645B

Color names and codes

Name	HEX	RGB	HSL	CMYK
Umbra	`#211E1F`	33, 30, 31	340°, 5%, 12%	0, 9, 6, 87
Tawny Port	`#643A48`	100, 58, 72	340°, 27%, 31%	0, 42, 28, 61
Swamp Thing	`#162825`	22, 40, 37	170°, 29%, 12%	45, 0, 7, 84
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Forest Greenery	`#3E645B`	62, 100, 91	166°, 23%, 32%	38, 0, 9, 61

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0F1012 on #3E645B	2.88:1	—
Aa #211E1F on #3E645B	2.50:1	—
Aa #162825 on #3E645B	2.33:1	—
Aa #643A48 on #0F1012	2.03:1	—
Aa #211E1F on #643A48	1.76:1	—
Aa #643A48 on #162825	1.64:1	—

CSS variables

:root {
  --color-1: #211e1f; /* Umbra */
  --color-2: #643a48; /* Tawny Port */
  --color-3: #162825; /* Swamp Thing */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #3e645b; /* Forest Greenery */
}

Other schemes from Umbra

More Very Dark Gray complementary palettes

Questions

What colors go with Umbra?

In a complementary scheme: Tawny Port (#643A48), Swamp Thing (#162825), Ruined Smores (#0F1012), Forest Greenery (#3E645B).

What is the hex code of Umbra?

#211E1F.