Horizon Triadic Color Scheme

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

#648894

#9D5B8B

#8F9B5B

#9AB8C2

#654161

Color names and codes

Name	HEX	RGB	HSL	CMYK
Horizon	`#648894`	100, 136, 148	195°, 19%, 49%	32, 8, 0, 42
Kyo Purple	`#9D5B8B`	157, 91, 139	316°, 27%, 49%	0, 42, 11, 38
Vitality	`#8F9B5B`	143, 155, 91	71°, 26%, 48%	8, 0, 41, 39
Shallow Sea	`#9AB8C2`	154, 184, 194	195°, 25%, 68%	21, 5, 0, 24
Royal Plum	`#654161`	101, 65, 97	307°, 22%, 33%	0, 36, 4, 60

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9AB8C2 on #654161	4.03:1	AA large
Aa #8F9B5B on #654161	2.82:1	—
Aa #9D5B8B on #9AB8C2	2.33:1	—
Aa #648894 on #654161	2.21:1	—
Aa #648894 on #9AB8C2	1.82:1	—
Aa #9D5B8B on #654161	1.73:1	—

CSS variables

:root {
  --color-1: #648894; /* Horizon */
  --color-2: #9d5b8b; /* Kyo Purple */
  --color-3: #8f9b5b; /* Vitality */
  --color-4: #9ab8c2; /* Shallow Sea */
  --color-5: #654161; /* Royal Plum */
}

Other schemes from Horizon

More Medium Blue triadic palettes

Questions

What colors go with Horizon?

In a triadic scheme: Kyo Purple (#9D5B8B), Vitality (#8F9B5B), Shallow Sea (#9AB8C2), Royal Plum (#654161).

What is the hex code of Horizon?

#648894.