HEX #5C6470 color — Shuttle Gray
The color #5c6470 is a dark shade and desaturated.
Palette
5c6470 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(216,10%,95%) |
#e3e5e8 |
rgb(227,229,232) |
hsl(216,10%,90%) |
#d5d8dd |
rgb(213,216,221) |
hsl(216,10%,85%) |
#c7cbd1 |
rgb(199,203,209) |
hsl(216,10%,80%) |
#b9bec6 |
rgb(185,190,198) |
hsl(216,10%,75%) |
#abb1ba |
rgb(171,177,186) |
hsl(216,10%,70%) |
#9da4af |
rgb(157,164,175) |
hsl(216,10%,65%) |
#8f97a3 |
rgb(143,151,163) |
hsl(216,10%,60%) |
#818a98 |
rgb(129,138,152) |
hsl(216,10%,55%) |
#737d8c |
rgb(115,125,140) |
hsl(216,10%,50%) |
#67707e |
rgb(103,112,126) |
hsl(216,10%,45%) |
#5c6470 |
rgb(92,100,112) |
hsl(216,10%,40%) |
#505762 |
rgb(80,87,98) |
hsl(216,10%,35%) |
#454b54 |
rgb(69,75,84) |
hsl(216,10%,30%) |
#393e46 |
rgb(57,62,70) |
hsl(216,10%,25%) |
#2e3238 |
rgb(46,50,56) |
hsl(216,10%,20%) |
#22252a |
rgb(34,37,42) |
hsl(216,10%,15%) |
#17191c |
rgb(23,25,28) |
hsl(216,10%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(216,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5C706E |
rgb(92,112,110) |
hsl(174,10%,40%) |
#5C6470 |
rgb(92,100,112) |
hsl(216,10%,40%) |
#615C70 |
rgb(97,92,112) |
hsl(255,10%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8592 |
rgb(122,133,146) |
hsl(213,10%,53%) |
#6A7381 |
rgb(106,115,129) |
hsl(217,10%,46%) |
#5C6470 |
rgb(92,100,112) |
hsl(216,10%,40%) |
#4D545E |
rgb(77,84,94) |
hsl(215,10%,34%) |
#3E454C |
rgb(62,69,76) |
hsl(210,10%,27%) |
#2F333A |
rgb(47,51,58) |
hsl(218,10%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C6470 |
rgb(92,100,112) |
hsl(216,10%,40%) |
#705E5C |
rgb(112,94,92) |
hsl(6,10%,40%) |
#6E705C |
rgb(110,112,92) |
hsl(66,10%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C6470 |
rgb(92,100,112) |
hsl(216,10%,40%) |
#70695C |
rgb(112,105,92) |
hsl(39,10%,40%) |
#5C6E70 |
rgb(92,110,112) |
hsl(186,10%,40%) |
#6E705C |
rgb(110,112,92) |
hsl(66,10%,40%) |