HEX #58687E color — Shuttle Gray
The color #58687e is a dark shade and slightly desaturated.
Palette
58687e color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(215,18%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(215,18%,92%) |
#d8dde4 |
rgb(216,221,228) |
hsl(215,18%,87%) |
#c9d0d9 |
rgb(201,208,217) |
hsl(215,18%,82%) |
#bac3cf |
rgb(186,195,207) |
hsl(215,18%,77%) |
#abb5c4 |
rgb(171,181,196) |
hsl(215,18%,72%) |
#9ca8ba |
rgb(156,168,186) |
hsl(215,18%,67%) |
#8d9bb0 |
rgb(141,155,176) |
hsl(215,18%,62%) |
#7e8ea5 |
rgb(126,142,165) |
hsl(215,18%,57%) |
#6f819b |
rgb(111,129,155) |
hsl(215,18%,52%) |
#62748d |
rgb(98,116,141) |
hsl(215,18%,47%) |
#58687e |
rgb(88,104,126) |
hsl(215,18%,42%) |
#4d5c6f |
rgb(77,92,111) |
hsl(215,18%,37%) |
#434f60 |
rgb(67,79,96) |
hsl(215,18%,32%) |
#384351 |
rgb(56,67,81) |
hsl(215,18%,27%) |
#2e3642 |
rgb(46,54,66) |
hsl(215,18%,22%) |
#242a33 |
rgb(36,42,51) |
hsl(215,18%,17%) |
#191e24 |
rgb(25,30,36) |
hsl(215,18%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,18%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,18%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#587D7A |
rgb(88,125,122) |
hsl(175,17%,42%) |
#58687E |
rgb(88,104,126) |
hsl(215,18%,42%) |
#61597E |
rgb(97,89,126) |
hsl(253,17%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798AA1 |
rgb(121,138,161) |
hsl(215,18%,55%) |
#667892 |
rgb(102,120,146) |
hsl(215,18%,49%) |
#58687E |
rgb(88,104,126) |
hsl(215,18%,42%) |
#495769 |
rgb(73,87,105) |
hsl(214,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 |
#58687E |
rgb(88,104,126) |
hsl(215,18%,42%) |
#7E5C58 |
rgb(126,92,88) |
hsl(6,18%,42%) |
#7B7D58 |
rgb(123,125,88) |
hsl(63,17%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#58687E |
rgb(88,104,126) |
hsl(215,18%,42%) |
#7E6E58 |
rgb(126,110,88) |
hsl(35,18%,42%) |
#587A7E |
rgb(88,122,126) |
hsl(186,18%,42%) |
#7B7D58 |
rgb(123,125,88) |
hsl(63,17%,42%) |