Night Owl Monochromatic Color Scheme

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

#1E272C

#3F545A

#5D7B89

#89A0B0

#B3C5CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Black Pearl	`#1E272C`	30, 39, 44	201°, 19%, 15%	32, 11, 0, 83
Casal	`#3F545A`	63, 84, 90	193°, 18%, 30%	30, 7, 0, 65
Night Owl	`#5D7B89`	93, 123, 137	199°, 19%, 45%	32, 10, 0, 46
Qiān Hūi Grey	`#89A0B0`	137, 160, 176	205°, 20%, 61%	22, 9, 0, 31
Crackling Lake	`#B3C5CC`	179, 197, 204	197°, 20%, 75%	12, 3, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1E272C on #B3C5CC	8.52:1	AAA
Aa #1E272C on #89A0B0	5.59:1	AA
Aa #3F545A on #B3C5CC	4.48:1	AA large
Aa #1E272C on #5D7B89	3.37:1	AA large
Aa #3F545A on #89A0B0	2.94:1	—
Aa #5D7B89 on #B3C5CC	2.53:1	—

CSS variables

:root {
  --color-1: #1e272c; /* Black Pearl */
  --color-2: #3f545a; /* Casal */
  --color-3: #5d7b89; /* Night Owl */
  --color-4: #89a0b0; /* Qiān Hūi Grey */
  --color-5: #b3c5cc; /* Crackling Lake */
}

Other schemes from Night Owl

More Medium Blue monochromatic palettes

Questions

What colors go with Night Owl?

In a monochromatic scheme: Black Pearl (#1E272C), Casal (#3F545A), Qiān Hūi Grey (#89A0B0), Crackling Lake (#B3C5CC).

What is the hex code of Night Owl?

#5D7B89.