Horizon Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Horizon (#648894), each snapped to its nearest named color.

#213638

#415D66

#648894

#91AAB8

#BBCFD4

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Cruel Sea	`#213638`	33, 54, 56	185°, 26%, 17%	41, 4, 0, 78	31.6% 0.027 203
Hypothalamus Grey	`#415D66`	65, 93, 102	195°, 22%, 33%	36, 9, 0, 60	46.0% 0.036 220
Horizon	`#648894`	100, 136, 148	195°, 19%, 49%	32, 8, 0, 42	60.4% 0.044 220
Windsurf	`#91AAB8`	145, 170, 184	202°, 22%, 65%	21, 8, 0, 28	72.4% 0.034 232
Shhh…	`#BBCFD4`	187, 207, 212	192°, 23%, 78%	12, 2, 0, 17	84.1% 0.023 214

Which pairs work for text

Text on background	Contrast	WCAG
Aa #213638 on #BBCFD4	7.87:1	AAA
Aa #213638 on #91AAB8	5.24:1	AA
Aa #415D66 on #BBCFD4	4.36:1	AA large
Aa #213638 on #648894	3.33:1	AA large
Aa #415D66 on #91AAB8	2.90:1	—
Aa #648894 on #BBCFD4	2.37:1	—

CSS variables

:root {
  --color-1: #213638; /* Cruel Sea */
  --color-2: #415d66; /* Hypothalamus Grey */
  --color-3: #648894; /* Horizon */
  --color-4: #91aab8; /* Windsurf */
  --color-5: #bbcfd4; /* Shhh… */
}

Other schemes from Horizon

More medium blue monochromatic color schemes

Questions

What colors go with Horizon?

In a monochromatic scheme: Cruel Sea (#213638), Hypothalamus Grey (#415D66), Windsurf (#91AAB8), Shhh… (#BBCFD4).

What is the hex code of Horizon?

#648894.