Obsidian Shard Complementary Color Scheme

Five colors arranged by the complementary rule around Obsidian Shard (#060313), each snapped to its nearest named color.

#060313

#111166

#0F180A

#556611

Color names and codes

Name	HEX	RGB	HSL	CMYK
Obsidian Shard	`#060313`	6, 3, 19	251°, 73%, 4%	68, 84, 0, 93
Dying Storm Blue	`#111166`	17, 17, 102	240°, 71%, 23%	83, 83, 0, 60
Pinch of Pepper	`#0F180A`	15, 24, 10	99°, 41%, 7%	37, 0, 58, 91
Pinch of Pepper	`#0F180A`	15, 24, 10	99°, 41%, 7%	37, 0, 58, 91
Forestial Outpost	`#556611`	85, 102, 17	72°, 71%, 23%	17, 0, 83, 60

Which pairs work for text

Text on background	Contrast	WCAG
Aa #060313 on #556611	3.20:1	AA large
Aa #0F180A on #556611	2.85:1	—
Aa #0F180A on #556611	2.85:1	—
Aa #111166 on #556611	2.54:1	—
Aa #060313 on #111166	1.26:1	—
Aa #111166 on #0F180A	1.12:1	—

CSS variables

:root {
  --color-1: #060313; /* Obsidian Shard */
  --color-2: #111166; /* Dying Storm Blue */
  --color-3: #0f180a; /* Pinch of Pepper */
  --color-4: #0f180a; /* Pinch of Pepper */
  --color-5: #556611; /* Forestial Outpost */
}

Other schemes from Obsidian Shard

More Black complementary palettes

Questions

What colors go with Obsidian Shard?

In a complementary scheme: Dying Storm Blue (#111166), Pinch of Pepper (#0F180A), Pinch of Pepper (#0F180A), Forestial Outpost (#556611).

What is the hex code of Obsidian Shard?

#060313.