Moon Base Complementary Color Scheme

Five colors arranged by the complementary rule around Moon Base (#7D7D77), each snapped to its nearest named color.

#7D7D77

#BDB98F

#5E5896

#3B3F66

#979AC4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Moon Base	`#7D7D77`	125, 125, 119	60°, 2%, 48%	0, 0, 5, 51
Back to Nature	`#BDB98F`	189, 185, 143	55°, 26%, 65%	0, 2, 24, 26
Old Nan Yarn	`#5E5896`	94, 88, 150	246°, 26%, 47%	37, 41, 0, 41
Raven Night	`#3B3F66`	59, 63, 102	234°, 27%, 32%	42, 38, 0, 60
Grape Ivy	`#979AC4`	151, 154, 196	236°, 28%, 68%	23, 21, 0, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BDB98F on #3B3F66	5.03:1	AA
Aa #3B3F66 on #979AC4	3.70:1	AA large
Aa #BDB98F on #5E5896	3.17:1	AA large
Aa #7D7D77 on #3B3F66	2.43:1	—
Aa #5E5896 on #979AC4	2.34:1	—
Aa #7D7D77 on #BDB98F	2.07:1	—

CSS variables

:root {
  --color-1: #7d7d77; /* Moon Base */
  --color-2: #bdb98f; /* Back to Nature */
  --color-3: #5e5896; /* Old Nan Yarn */
  --color-4: #3b3f66; /* Raven Night */
  --color-5: #979ac4; /* Grape Ivy */
}

Other schemes from Moon Base

More Medium Gray complementary palettes

Questions

What colors go with Moon Base?

In a complementary scheme: Back to Nature (#BDB98F), Old Nan Yarn (#5E5896), Raven Night (#3B3F66), Grape Ivy (#979AC4).

What is the hex code of Moon Base?

#7D7D77.