Huebook

Ocean Slumber Analogous Color Scheme

Five colors arranged by the analogous rule around Ocean Slumber (#41767B), each snapped to its nearest named color.

#437B48
#447A66
#41767B
#405978
#444172

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Kemp Kelly#437B4867, 123, 72125°, 29%, 37%46, 0, 41, 5253.1% 0.099 146
Leaping Lizard#447A6668, 122, 102158°, 28%, 37%44, 0, 16, 5253.6% 0.066 168
Ocean Slumber#41767B65, 118, 123185°, 31%, 37%47, 4, 0, 5253.1% 0.057 203
Carter’s Scroll#40597864, 89, 120213°, 30%, 36%47, 26, 0, 5345.7% 0.059 254
Deep Wisteria#44417268, 65, 114244°, 27%, 35%40, 43, 0, 5540.2% 0.081 285

Which pairs work for text

Text on backgroundContrastWCAG
Aa #447A66 on #4441721.88:1—
Aa #437B48 on #4441721.86:1—
Aa #41767B on #4441721.83:1—
Aa #447A66 on #4059781.45:1—
Aa #437B48 on #4059781.43:1—
Aa #41767B on #4059781.41:1—

CSS variables

:root {
  --color-1: #437b48; /* Kemp Kelly */
  --color-2: #447a66; /* Leaping Lizard */
  --color-3: #41767b; /* Ocean Slumber */
  --color-4: #405978; /* Carter’s Scroll */
  --color-5: #444172; /* Deep Wisteria */
}

Other schemes from Ocean Slumber

More dark teal analogous color schemes

Questions

What colors go with Ocean Slumber?

In a analogous scheme: Kemp Kelly (#437B48), Leaping Lizard (#447A66), Carter’s Scroll (#405978), Deep Wisteria (#444172).

What is the hex code of Ocean Slumber?

#41767B.