Night Shift Complementary Color Scheme

Five colors arranged by the complementary rule around Night Shift (#2A5C6A), each snapped to its nearest named color.

#2A5C6A

#4598AB

#693C2A

#351F19

#B65D48

Color names and codes

Name	HEX	RGB	HSL	CMYK
Night Shift	`#2A5C6A`	42, 92, 106	193°, 43%, 29%	60, 13, 0, 58
Alpine Lake	`#4598AB`	69, 152, 171	191°, 43%, 47%	60, 11, 0, 33
In Caffeine We Trust	`#693C2A`	105, 60, 42	17°, 43%, 29%	0, 43, 60, 59
Scorched	`#351F19`	53, 31, 25	13°, 36%, 15%	0, 42, 53, 79
Ginger Spice	`#B65D48`	182, 93, 72	11°, 43%, 50%	0, 49, 60, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4598AB on #351F19	4.65:1	AA
Aa #351F19 on #B65D48	3.41:1	AA large
Aa #4598AB on #693C2A	2.78:1	—
Aa #2A5C6A on #4598AB	2.23:1	—
Aa #2A5C6A on #351F19	2.08:1	—
Aa #693C2A on #B65D48	2.04:1	—

CSS variables

:root {
  --color-1: #2a5c6a; /* Night Shift */
  --color-2: #4598ab; /* Alpine Lake */
  --color-3: #693c2a; /* In Caffeine We Trust */
  --color-4: #351f19; /* Scorched */
  --color-5: #b65d48; /* Ginger Spice */
}

Other schemes from Night Shift

More Dark Teal complementary palettes

Questions

What colors go with Night Shift?

In a complementary scheme: Alpine Lake (#4598AB), In Caffeine We Trust (#693C2A), Scorched (#351F19), Ginger Spice (#B65D48).

What is the hex code of Night Shift?

#2A5C6A.