Night Owl Complementary Color Scheme

Five colors arranged by the complementary rule around Night Owl (#5D7B89), each snapped to its nearest named color.

#5D7B89

#8BA8B7

#926956

#61463A

#BF9F91

Color names and codes

Name	HEX	RGB	HSL	CMYK
Night Owl	`#5D7B89`	93, 123, 137	199°, 19%, 45%	32, 10, 0, 46
Pewter Blue	`#8BA8B7`	139, 168, 183	200°, 23%, 63%	24, 8, 0, 28
Rio Rust	`#926956`	146, 105, 86	19°, 26%, 45%	0, 28, 41, 43
Fairfax Brown	`#61463A`	97, 70, 58	18°, 25%, 30%	0, 28, 40, 62
Earth Warming	`#BF9F91`	191, 159, 145	18°, 26%, 66%	0, 17, 24, 25

Which pairs work for text

Text on background	Contrast	WCAG
Aa #61463A on #BF9F91	3.51:1	AA large
Aa #8BA8B7 on #61463A	3.43:1	AA large
Aa #926956 on #BF9F91	1.96:1	—
Aa #8BA8B7 on #926956	1.92:1	—
Aa #5D7B89 on #61463A	1.91:1	—
Aa #5D7B89 on #BF9F91	1.84:1	—

CSS variables

:root {
  --color-1: #5d7b89; /* Night Owl */
  --color-2: #8ba8b7; /* Pewter Blue */
  --color-3: #926956; /* Rio Rust */
  --color-4: #61463a; /* Fairfax Brown */
  --color-5: #bf9f91; /* Earth Warming */
}

Other schemes from Night Owl

More Medium Blue complementary palettes

Questions

What colors go with Night Owl?

In a complementary scheme: Pewter Blue (#8BA8B7), Rio Rust (#926956), Fairfax Brown (#61463A), Earth Warming (#BF9F91).

What is the hex code of Night Owl?

#5D7B89.