Huebook

Poseidon Analogous Color Scheme

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

#165B31
#0F5A5E
#143C5D
#150F5B
#37115C

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Crusoe#165B3122, 91, 49143°, 61%, 22%76, 0, 46, 6441.8% 0.097 152
Blue Emerald#0F5A5E15, 90, 94183°, 72%, 21%84, 4, 0, 6342.7% 0.068 201
Poseidon#143C5D20, 60, 93207°, 65%, 22%78, 35, 0, 6434.6% 0.073 247
Space Colonisation#150F5B21, 15, 91245°, 72%, 21%77, 84, 0, 6424.5% 0.127 275
Wicked Purple#37115C55, 17, 92270°, 69%, 21%40, 82, 0, 6428.6% 0.124 302

Which pairs work for text

Text on backgroundContrastWCAG
Aa #0F5A5E on #150F5B2.11:1—
Aa #165B31 on #150F5B2.06:1—
Aa #0F5A5E on #37115C1.89:1—
Aa #165B31 on #37115C1.84:1—
Aa #143C5D on #150F5B1.47:1—
Aa #0F5A5E on #143C5D1.44:1—

CSS variables

:root {
  --color-1: #165b31; /* Crusoe */
  --color-2: #0f5a5e; /* Blue Emerald */
  --color-3: #143c5d; /* Poseidon */
  --color-4: #150f5b; /* Space Colonisation */
  --color-5: #37115c; /* Wicked Purple */
}

Other schemes from Poseidon

More dark blue analogous color schemes

Questions

What colors go with Poseidon?

In a analogous scheme: Crusoe (#165B31), Blue Emerald (#0F5A5E), Space Colonisation (#150F5B), Wicked Purple (#37115C).

What is the hex code of Poseidon?

#143C5D.