Huebook

Spacescape Analogous Color Scheme

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

#215354
#233E57
#222255
#372354
#55295B

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Forbidden Forest#21535433, 83, 84181°, 44%, 23%61, 1, 0, 6740.9% 0.053 197
Integrity#233E5735, 62, 87209°, 43%, 24%60, 29, 0, 6635.4% 0.055 248
Spacescape#22225534, 34, 85240°, 43%, 23%60, 60, 0, 6728.4% 0.090 279
Stormy Night#37235455, 35, 84264°, 41%, 23%35, 58, 0, 6730.7% 0.087 300
Kuwanomi Purple#55295B85, 41, 91293°, 38%, 26%7, 55, 0, 6436.2% 0.098 323

Which pairs work for text

Text on backgroundContrastWCAG
Aa #215354 on #2222551.70:1—
Aa #215354 on #3723541.59:1—
Aa #233E57 on #2222551.33:1—
Aa #215354 on #55295B1.31:1—
Aa #222255 on #55295B1.30:1—
Aa #215354 on #233E571.28:1—

CSS variables

:root {
  --color-1: #215354; /* Forbidden Forest */
  --color-2: #233e57; /* Integrity */
  --color-3: #222255; /* Spacescape */
  --color-4: #372354; /* Stormy Night */
  --color-5: #55295b; /* Kuwanomi Purple */
}

Other schemes from Spacescape

More dark blue analogous color schemes

Questions

What colors go with Spacescape?

In a analogous scheme: Forbidden Forest (#215354), Integrity (#233E57), Stormy Night (#372354), Kuwanomi Purple (#55295B).

What is the hex code of Spacescape?

#222255.