HEX #58697D color — Shuttle Gray
The color #58697D is a dark shade and slightly desaturated.
Palette
58697D color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(212,17%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(212,17%,92%) |
#d8dde3 |
rgb(216,221,227) |
hsl(212,17%,87%) |
#c9d1d9 |
rgb(201,209,217) |
hsl(212,17%,82%) |
#bac4ce |
rgb(186,196,206) |
hsl(212,17%,77%) |
#abb7c4 |
rgb(171,183,196) |
hsl(212,17%,72%) |
#9daab9 |
rgb(157,170,185) |
hsl(212,17%,67%) |
#8e9daf |
rgb(142,157,175) |
hsl(212,17%,62%) |
#7f90a4 |
rgb(127,144,164) |
hsl(212,17%,57%) |
#708399 |
rgb(112,131,153) |
hsl(212,17%,52%) |
#63768c |
rgb(99,118,140) |
hsl(212,17%,47%) |
#596a7d |
rgb(89,106,125) |
hsl(212,17%,42%) |
#4e5d6e |
rgb(78,93,110) |
hsl(212,17%,37%) |
#44515f |
rgb(68,81,95) |
hsl(212,17%,32%) |
#394451 |
rgb(57,68,81) |
hsl(212,17%,27%) |
#2f3742 |
rgb(47,55,66) |
hsl(212,17%,22%) |
#242b33 |
rgb(36,43,51) |
hsl(212,17%,17%) |
#191e24 |
rgb(25,30,36) |
hsl(212,17%,12%) |
#0f1215 |
rgb(15,18,21) |
hsl(212,17%,7%) |
#040506 |
rgb(4,5,6) |
hsl(212,17%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#587D78 |
rgb(88,125,120) |
hsl(172,17%,42%) |
#58697D |
rgb(88,105,125) |
hsl(212,17%,42%) |
#5F597D |
rgb(95,89,125) |
hsl(250,17%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788AA0 |
rgb(120,138,160) |
hsl(213,17%,55%) |
#667A91 |
rgb(102,122,145) |
hsl(212,17%,48%) |
#58697D |
rgb(88,105,125) |
hsl(212,17%,42%) |
#495969 |
rgb(73,89,105) |
hsl(210,18%,35%) |
#3B4755 |
rgb(59,71,85) |
hsl(212,18%,28%) |
#2D3641 |
rgb(45,54,65) |
hsl(213,18%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#58697D |
rgb(88,105,125) |
hsl(212,17%,42%) |
#7D5958 |
rgb(125,89,88) |
hsl(2,17%,42%) |
#7B7D58 |
rgb(123,125,88) |
hsl(63,17%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#58697D |
rgb(88,105,125) |
hsl(212,17%,42%) |
#7D6B58 |
rgb(125,107,88) |
hsl(31,17%,42%) |
#587A7D |
rgb(88,122,125) |
hsl(185,17%,42%) |
#7B7D58 |
rgb(123,125,88) |
hsl(63,17%,42%) |