HEX #5D6170 color — Shuttle Gray
The color #5D6170 is a dark shade and desaturated.
Palette
5D6170 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f3 |
rgb(241,242,243) |
hsl(227,9%,95%) |
| #e3e4e8 |
rgb(227,228,232) |
hsl(227,9%,90%) |
| #d5d7dc |
rgb(213,215,220) |
hsl(227,9%,85%) |
| #c7c9d1 |
rgb(199,201,209) |
hsl(227,9%,80%) |
| #babcc5 |
rgb(186,188,197) |
hsl(227,9%,75%) |
| #acafb9 |
rgb(172,175,185) |
hsl(227,9%,70%) |
| #9ea1ae |
rgb(158,161,174) |
hsl(227,9%,65%) |
| #9094a2 |
rgb(144,148,162) |
hsl(227,9%,60%) |
| #828697 |
rgb(130,134,151) |
hsl(227,9%,55%) |
| #74798b |
rgb(116,121,139) |
hsl(227,9%,50%) |
| #686d7d |
rgb(104,109,125) |
hsl(227,9%,45%) |
| #5d616f |
rgb(93,97,111) |
hsl(227,9%,40%) |
| #515561 |
rgb(81,85,97) |
hsl(227,9%,35%) |
| #464953 |
rgb(70,73,83) |
hsl(227,9%,30%) |
| #3a3c45 |
rgb(58,60,69) |
hsl(227,9%,25%) |
| #2e3038 |
rgb(46,48,56) |
hsl(227,9%,20%) |
| #23242a |
rgb(35,36,42) |
hsl(227,9%,15%) |
| #17181c |
rgb(23,24,28) |
hsl(227,9%,10%) |
| #0c0c0e |
rgb(12,12,14) |
hsl(227,9%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5D6E70 |
rgb(93,110,112) |
hsl(186,9%,40%) |
| #5D6170 |
rgb(93,97,112) |
hsl(227,9%,40%) |
| #655C70 |
rgb(101,92,112) |
hsl(267,10%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7C8292 |
rgb(124,130,146) |
hsl(224,9%,53%) |
| #6B7081 |
rgb(107,112,129) |
hsl(226,9%,46%) |
| #5D6170 |
rgb(93,97,112) |
hsl(227,9%,40%) |
| #4E525E |
rgb(78,82,94) |
hsl(225,9%,34%) |
| #3F424C |
rgb(63,66,76) |
hsl(226,9%,27%) |
| #30333A |
rgb(48,51,58) |
hsl(222,9%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5D6170 |
rgb(93,97,112) |
hsl(227,9%,40%) |
| #70635D |
rgb(112,99,93) |
hsl(19,9%,40%) |
| #6A705D |
rgb(106,112,93) |
hsl(79,9%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5D6170 |
rgb(93,97,112) |
hsl(227,9%,40%) |
| #706B5D |
rgb(112,107,93) |
hsl(44,9%,40%) |
| #5D6B70 |
rgb(93,107,112) |
hsl(196,9%,40%) |
| #6A705D |
rgb(106,112,93) |
hsl(79,9%,40%) |
