Huebook

Slumber Analogous Color Scheme

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

#2E7B52
#2B797A
#2D517C
#323477
#57317E

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Canadian Pine#2E7B5246, 123, 82148°, 46%, 33%63, 0, 33, 5252.4% 0.100 157
Atoll#2B797A43, 121, 122181°, 48%, 32%65, 1, 0, 5253.0% 0.075 196
Slumber#2D517C45, 81, 124213°, 47%, 33%64, 35, 0, 5142.9% 0.083 254
Ballpoint Indigo#32347750, 52, 119238°, 41%, 33%58, 56, 0, 5336.3% 0.112 278
Foggy Amethyst#57317E87, 49, 126270°, 44%, 34%31, 61, 0, 5140.0% 0.127 304

Which pairs work for text

Text on backgroundContrastWCAG
Aa #2B797A on #3234772.18:1—
Aa #2E7B52 on #3234772.15:1—
Aa #2B797A on #57317E1.92:1—
Aa #2E7B52 on #57317E1.90:1—
Aa #2B797A on #2D517C1.60:1—
Aa #2E7B52 on #2D517C1.58:1—

CSS variables

:root {
  --color-1: #2e7b52; /* Canadian Pine */
  --color-2: #2b797a; /* Atoll */
  --color-3: #2d517c; /* Slumber */
  --color-4: #323477; /* Ballpoint Indigo */
  --color-5: #57317e; /* Foggy Amethyst */
}

Other schemes from Slumber

More dark blue analogous color schemes

Questions

What colors go with Slumber?

In a analogous scheme: Canadian Pine (#2E7B52), Atoll (#2B797A), Ballpoint Indigo (#323477), Foggy Amethyst (#57317E).

What is the hex code of Slumber?

#2D517C.