Hydro Triadic Color Scheme

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

#49747F

#7F4774

#767A49

#78A6B5

#532D45

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Hydro	`#49747F`	73, 116, 127	192°, 27%, 39%	43, 9, 0, 50	53.2% 0.051 216
Magic Magenta	`#7F4774`	127, 71, 116	312°, 28%, 39%	0, 44, 9, 50	48.1% 0.098 335
Tara’s Drapes	`#767A49`	118, 122, 73	65°, 25%, 38%	3, 0, 40, 52	56.4% 0.070 112
Inner Sanctum	`#78A6B5`	120, 166, 181	195°, 29%, 59%	34, 8, 0, 29	69.7% 0.054 220
Potent Purple	`#532D45`	83, 45, 69	322°, 30%, 25%	0, 46, 17, 67	35.5% 0.066 342

Which pairs work for text

Text on background	Contrast	WCAG
Aa #78A6B5 on #532D45	4.33:1	AA large
Aa #7F4774 on #78A6B5	2.59:1	—
Aa #767A49 on #532D45	2.54:1	—
Aa #49747F on #532D45	2.23:1	—
Aa #49747F on #78A6B5	1.94:1	—
Aa #767A49 on #78A6B5	1.70:1	—

CSS variables

:root {
  --color-1: #49747f; /* Hydro */
  --color-2: #7f4774; /* Magic Magenta */
  --color-3: #767a49; /* Tara’s Drapes */
  --color-4: #78a6b5; /* Inner Sanctum */
  --color-5: #532d45; /* Potent Purple */
}

Other schemes from Hydro

More dark teal triadic color schemes

Questions

What colors go with Hydro?

In a triadic scheme: Magic Magenta (#7F4774), Tara’s Drapes (#767A49), Inner Sanctum (#78A6B5), Potent Purple (#532D45).

What is the hex code of Hydro?

#49747F.