HEX #5C6170 color — Shuttle Gray
The color #5C6170 is a dark shade and desaturated.
Palette
5C6170 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(225,10%,95%) |
| #e3e4e8 |
rgb(227,228,232) |
hsl(225,10%,90%) |
| #d5d7dd |
rgb(213,215,221) |
hsl(225,10%,85%) |
| #c7c9d1 |
rgb(199,201,209) |
hsl(225,10%,80%) |
| #b9bcc6 |
rgb(185,188,198) |
hsl(225,10%,75%) |
| #abafba |
rgb(171,175,186) |
hsl(225,10%,70%) |
| #9da1af |
rgb(157,161,175) |
hsl(225,10%,65%) |
| #8f94a3 |
rgb(143,148,163) |
hsl(225,10%,60%) |
| #818798 |
rgb(129,135,152) |
hsl(225,10%,55%) |
| #73798c |
rgb(115,121,140) |
hsl(225,10%,50%) |
| #676d7e |
rgb(103,109,126) |
hsl(225,10%,45%) |
| #5c6170 |
rgb(92,97,112) |
hsl(225,10%,40%) |
| #505562 |
rgb(80,85,98) |
hsl(225,10%,35%) |
| #454954 |
rgb(69,73,84) |
hsl(225,10%,30%) |
| #393d46 |
rgb(57,61,70) |
hsl(225,10%,25%) |
| #2e3038 |
rgb(46,48,56) |
hsl(225,10%,20%) |
| #22242a |
rgb(34,36,42) |
hsl(225,10%,15%) |
| #17181c |
rgb(23,24,28) |
hsl(225,10%,10%) |
| #0b0c0e |
rgb(11,12,14) |
hsl(225,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5C6E70 |
rgb(92,110,112) |
hsl(186,10%,40%) |
| #5C6170 |
rgb(92,97,112) |
hsl(225,10%,40%) |
| #645C70 |
rgb(100,92,112) |
hsl(264,10%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7A8092 |
rgb(122,128,146) |
hsl(225,10%,53%) |
| #6A7081 |
rgb(106,112,129) |
hsl(224,10%,46%) |
| #5C6170 |
rgb(92,97,112) |
hsl(225,10%,40%) |
| #4D525E |
rgb(77,82,94) |
hsl(222,10%,34%) |
| #3E424C |
rgb(62,66,76) |
hsl(223,10%,27%) |
| #2F333A |
rgb(47,51,58) |
hsl(218,10%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5C6170 |
rgb(92,97,112) |
hsl(225,10%,40%) |
| #70615C |
rgb(112,97,92) |
hsl(15,10%,40%) |
| #6B705C |
rgb(107,112,92) |
hsl(75,10%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5C6170 |
rgb(92,97,112) |
hsl(225,10%,40%) |
| #706B5C |
rgb(112,107,92) |
hsl(45,10%,40%) |
| #5C6B70 |
rgb(92,107,112) |
hsl(195,10%,40%) |
| #6B705C |
rgb(107,112,92) |
hsl(75,10%,40%) |
