Umbra Tetradic Color Scheme

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

#211E1F

#21211D

#162825

#181B26

#673C4C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Umbra	`#211E1F`	33, 30, 31	340°, 5%, 12%	0, 9, 6, 87
Petroleum	`#21211D`	33, 33, 29	60°, 6%, 12%	0, 0, 12, 87
Swamp Thing	`#162825`	22, 40, 37	170°, 29%, 12%	45, 0, 7, 84
Coarse Wool	`#181B26`	24, 27, 38	227°, 23%, 12%	37, 29, 0, 85
Crushed Violets	`#673C4C`	103, 60, 76	338°, 26%, 32%	0, 42, 26, 60

Which pairs work for text

Text on background	Contrast	WCAG
Aa #181B26 on #673C4C	1.90:1	—
Aa #211E1F on #673C4C	1.83:1	—
Aa #21211D on #673C4C	1.79:1	—
Aa #162825 on #673C4C	1.71:1	—
Aa #162825 on #181B26	1.12:1	—
Aa #211E1F on #162825	1.07:1	—

CSS variables

:root {
  --color-1: #211e1f; /* Umbra */
  --color-2: #21211d; /* Petroleum */
  --color-3: #162825; /* Swamp Thing */
  --color-4: #181b26; /* Coarse Wool */
  --color-5: #673c4c; /* Crushed Violets */
}

Other schemes from Umbra

More Very Dark Gray tetradic palettes

Questions

What colors go with Umbra?

In a tetradic scheme: Petroleum (#21211D), Swamp Thing (#162825), Coarse Wool (#181B26), Crushed Violets (#673C4C).

What is the hex code of Umbra?

#211E1F.