Hydro Complementary Color Scheme

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

#49747F

#77A2AD

#7B5349

#4D332A

#B6857A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hydro	`#49747F`	73, 116, 127	192°, 27%, 39%	43, 9, 0, 50
Seascape	`#77A2AD`	119, 162, 173	192°, 25%, 57%	31, 6, 0, 32
Vandyck Brown	`#7B5349`	123, 83, 73	12°, 26%, 38%	0, 33, 41, 52
Barn Swallow	`#4D332A`	77, 51, 42	15°, 29%, 23%	0, 34, 45, 70
Brandy Rose	`#B6857A`	182, 133, 122	11°, 29%, 60%	0, 27, 33, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #77A2AD on #4D332A	4.15:1	AA large
Aa #4D332A on #B6857A	3.64:1	AA large
Aa #77A2AD on #7B5349	2.38:1	—
Aa #49747F on #4D332A	2.24:1	—
Aa #7B5349 on #B6857A	2.09:1	—
Aa #49747F on #77A2AD	1.85:1	—

CSS variables

:root {
  --color-1: #49747f; /* Hydro */
  --color-2: #77a2ad; /* Seascape */
  --color-3: #7b5349; /* Vandyck Brown */
  --color-4: #4d332a; /* Barn Swallow */
  --color-5: #b6857a; /* Brandy Rose */
}

Other schemes from Hydro

More Dark Teal complementary palettes

Questions

What colors go with Hydro?

In a complementary scheme: Seascape (#77A2AD), Vandyck Brown (#7B5349), Barn Swallow (#4D332A), Brandy Rose (#B6857A).

What is the hex code of Hydro?

#49747F.