Horizon Tetradic Color Scheme

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

#648894

#875F9A

#996E5B

#6A9D5D

#9AB8C2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Horizon	`#648894`	100, 136, 148	195°, 19%, 49%	32, 8, 0, 42
Wisteria Purple	`#875F9A`	135, 95, 154	281°, 24%, 49%	12, 38, 0, 40
Mocha Mousse	`#996E5B`	153, 110, 91	18°, 25%, 48%	0, 28, 41, 40
Green Hornet	`#6A9D5D`	106, 157, 93	108°, 26%, 49%	32, 0, 41, 38
Shallow Sea	`#9AB8C2`	154, 184, 194	195°, 25%, 68%	21, 5, 0, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #875F9A on #9AB8C2	2.42:1	—
Aa #996E5B on #9AB8C2	2.11:1	—
Aa #648894 on #9AB8C2	1.82:1	—
Aa #875F9A on #6A9D5D	1.60:1	—
Aa #6A9D5D on #9AB8C2	1.52:1	—
Aa #996E5B on #6A9D5D	1.39:1	—

CSS variables

:root {
  --color-1: #648894; /* Horizon */
  --color-2: #875f9a; /* Wisteria Purple */
  --color-3: #996e5b; /* Mocha Mousse */
  --color-4: #6a9d5d; /* Green Hornet */
  --color-5: #9ab8c2; /* Shallow Sea */
}

Other schemes from Horizon

More Medium Blue tetradic palettes

Questions

What colors go with Horizon?

In a tetradic scheme: Wisteria Purple (#875F9A), Mocha Mousse (#996E5B), Green Hornet (#6A9D5D), Shallow Sea (#9AB8C2).

What is the hex code of Horizon?

#648894.