HEX #5D687E color — Shuttle Gray
The color #5d687e is a dark shade and slightly desaturated.
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%) |