Starlit Night Complementary Color Scheme

Five colors arranged by the complementary rule around Starlit Night (#3B476B), each snapped to its nearest named color.

#3B476B

#5870A4

#695C39

#393121

#AA9966

Color names and codes

Name	HEX	RGB	HSL	CMYK
Starlit Night	`#3B476B`	59, 71, 107	225°, 29%, 33%	45, 34, 0, 58
Splendour and Pride	`#5870A4`	88, 112, 164	221°, 30%, 49%	46, 32, 0, 36
Plum Green	`#695C39`	105, 92, 57	44°, 30%, 32%	0, 12, 46, 59
Agrax Earthshade	`#393121`	57, 49, 33	40°, 27%, 18%	0, 14, 42, 78
Wistman’s Wood	`#AA9966`	170, 153, 102	45°, 29%, 53%	0, 10, 40, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #393121 on #AA9966	4.56:1	AA
Aa #3B476B on #AA9966	3.24:1	AA large
Aa #5870A4 on #393121	2.61:1	—
Aa #695C39 on #AA9966	2.34:1	—
Aa #695C39 on #393121	1.95:1	—
Aa #3B476B on #5870A4	1.86:1	—

CSS variables

:root {
  --color-1: #3b476b; /* Starlit Night */
  --color-2: #5870a4; /* Splendour and Pride */
  --color-3: #695c39; /* Plum Green */
  --color-4: #393121; /* Agrax Earthshade */
  --color-5: #aa9966; /* Wistman’s Wood */
}

Other schemes from Starlit Night

More Dark Blue complementary palettes

Questions

What colors go with Starlit Night?

In a complementary scheme: Splendour and Pride (#5870A4), Plum Green (#695C39), Agrax Earthshade (#393121), Wistman’s Wood (#AA9966).

What is the hex code of Starlit Night?

#3B476B.