Huebook

Slumber Complementary Color Scheme

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

#2D517C
#477BBD
#7A552E
#452C1F
#BB8D4E

Color names and codes

NameHEXRGBHSLCMYK
Slumber#2D517C45, 81, 124213°, 47%, 33%64, 35, 0, 51
Parkwater#477BBD71, 123, 189214°, 47%, 51%62, 35, 0, 26
Arable Brown#7A552E122, 85, 4631°, 45%, 33%0, 30, 62, 52
Subterranean#452C1F69, 44, 3121°, 38%, 20%0, 36, 55, 73
Barista’s Favourite#BB8D4E187, 141, 7835°, 44%, 52%0, 25, 58, 27

Which pairs work for text

Text on backgroundContrastWCAG
Aa #452C1F on #BB8D4E4.31:1AA large
Aa #477BBD on #452C1F2.96:1—
Aa #2D517C on #BB8D4E2.73:1—
Aa #7A552E on #BB8D4E2.22:1—
Aa #7A552E on #452C1F1.94:1—
Aa #2D517C on #477BBD1.87:1—

CSS variables

:root {
  --color-1: #2d517c; /* Slumber */
  --color-2: #477bbd; /* Parkwater */
  --color-3: #7a552e; /* Arable Brown */
  --color-4: #452c1f; /* Subterranean */
  --color-5: #bb8d4e; /* Barista’s Favourite */
}

Other schemes from Slumber

More Dark Blue complementary palettes

Questions

What colors go with Slumber?

In a complementary scheme: Parkwater (#477BBD), Arable Brown (#7A552E), Subterranean (#452C1F), Barista’s Favourite (#BB8D4E).

What is the hex code of Slumber?

#2D517C.