Raven Complementary Color Scheme

Five colors arranged by the complementary rule around Raven (#0B0B0B), each snapped to its nearest named color.

#0B0B0B

#4A2C2A

#0F1012

#2F4E4E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Raven	`#0B0B0B`	11, 11, 11	0°, 0%, 4%	0, 0, 0, 96
Brown Coffee	`#4A2C2A`	74, 44, 42	4°, 28%, 23%	0, 41, 43, 71
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Ruined Smores	`#0F1012`	15, 16, 18	220°, 9%, 6%	17, 11, 0, 93
Similar to Slate	`#2F4E4E`	47, 78, 78	180°, 25%, 25%	40, 0, 0, 69

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0B0B0B on #2F4E4E	2.18:1	—
Aa #0F1012 on #2F4E4E	2.10:1	—
Aa #0F1012 on #2F4E4E	2.10:1	—
Aa #0B0B0B on #4A2C2A	1.58:1	—
Aa #4A2C2A on #0F1012	1.53:1	—
Aa #4A2C2A on #0F1012	1.53:1	—

CSS variables

:root {
  --color-1: #0b0b0b; /* Raven */
  --color-2: #4a2c2a; /* Brown Coffee */
  --color-3: #0f1012; /* Ruined Smores */
  --color-4: #0f1012; /* Ruined Smores */
  --color-5: #2f4e4e; /* Similar to Slate */
}

Other schemes from Raven

More Black complementary palettes

Questions

What colors go with Raven?

In a complementary scheme: Brown Coffee (#4A2C2A), Ruined Smores (#0F1012), Ruined Smores (#0F1012), Similar to Slate (#2F4E4E).

What is the hex code of Raven?

#0B0B0B.