HEX #5D687E color — Shuttle Gray

The color #5d687e is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5d687e color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(220,15%,98%)
#eaecf0 rgb(234,236,240) hsl(220,15%,93%)
#dcdfe5 rgb(220,223,229) hsl(220,15%,88%)
#cdd1da rgb(205,209,218) hsl(220,15%,83%)
#bec4cf rgb(190,196,207) hsl(220,15%,78%)
#b0b7c4 rgb(176,183,196) hsl(220,15%,73%)
#a1a9ba rgb(161,169,186) hsl(220,15%,68%)
#929caf rgb(146,156,175) hsl(220,15%,63%)
#848fa4 rgb(132,143,164) hsl(220,15%,58%)
#758199 rgb(117,129,153) hsl(220,15%,53%)
#68748d rgb(104,116,141) hsl(220,15%,48%)
#5d687e rgb(93,104,126) hsl(220,15%,43%)
#525c6f rgb(82,92,111) hsl(220,15%,38%)
#485061 rgb(72,80,97) hsl(220,15%,33%)
#3d4452 rgb(61,68,82) hsl(220,15%,28%)
#323843 rgb(50,56,67) hsl(220,15%,23%)
#272c35 rgb(39,44,53) hsl(220,15%,18%)
#1c1f26 rgb(28,31,38) hsl(220,15%,13%)
#111317 rgb(17,19,23) hsl(220,15%,8%)
#070709 rgb(7,7,9) hsl(220,15%,3%)

Adjacent colors

HEX RGB HSL
#5D7D7E rgb(93,125,126) hsl(182,15%,43%)
#5D687E rgb(93,104,126) hsl(220,15%,43%)
#685C7E rgb(104,92,126) hsl(261,16%,43%)

Monochromatic colors

HEX RGB HSL
#7F8CA1 rgb(127,140,161) hsl(217,15%,56%)
#6B7892 rgb(107,120,146) hsl(220,15%,50%)
#5D687E rgb(93,104,126) hsl(220,15%,43%)
#4E5769 rgb(78,87,105) hsl(220,15%,36%)
#3F4755 rgb(63,71,85) hsl(218,15%,29%)
#303641 rgb(48,54,65) hsl(219,15%,22%)

Triad color palettes

HEX RGB HSL
#5D687E rgb(93,104,126) hsl(220,15%,43%)
#7E635D rgb(126,99,93) hsl(11,15%,43%)
#787D5D rgb(120,125,93) hsl(69,15%,43%)

Tetrad color palettes

HEX RGB HSL
#5D687E rgb(93,104,126) hsl(220,15%,43%)
#7E735D rgb(126,115,93) hsl(40,15%,43%)
#5D787E rgb(93,120,126) hsl(191,15%,43%)
#787D5D rgb(120,125,93) hsl(69,15%,43%)