Night Watch Complementary Color Scheme

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

#3C4F4E

#558F91

#553333

#251B19

#935A59

Color names and codes

Name	HEX	RGB	HSL	CMYK
Night Watch	`#3C4F4E`	60, 79, 78	177°, 14%, 27%	24, 0, 1, 69
Bristol Blue	`#558F91`	85, 143, 145	182°, 26%, 45%	41, 1, 0, 43
Mid Century	`#553333`	85, 51, 51	0°, 25%, 27%	0, 40, 40, 67
Dark Orchestra	`#251B19`	37, 27, 25	10°, 19%, 12%	0, 27, 32, 85
Gallery Red	`#935A59`	147, 90, 89	1°, 25%, 46%	0, 39, 39, 42

Which pairs work for text

Text on background	Contrast	WCAG
Aa #558F91 on #251B19	4.58:1	AA
Aa #251B19 on #935A59	3.08:1	AA large
Aa #558F91 on #553333	3.00:1	AA large
Aa #3C4F4E on #558F91	2.36:1	—
Aa #553333 on #935A59	2.02:1	—
Aa #3C4F4E on #251B19	1.94:1	—

CSS variables

:root {
  --color-1: #3c4f4e; /* Night Watch */
  --color-2: #558f91; /* Bristol Blue */
  --color-3: #553333; /* Mid Century */
  --color-4: #251b19; /* Dark Orchestra */
  --color-5: #935a59; /* Gallery Red */
}

Other schemes from Night Watch

More Dark Teal complementary palettes

Questions

What colors go with Night Watch?

In a complementary scheme: Bristol Blue (#558F91), Mid Century (#553333), Dark Orchestra (#251B19), Gallery Red (#935A59).

What is the hex code of Night Watch?

#3C4F4E.