HEX #5C6770 color — Shuttle Gray
The color #5C6770 is a dark shade and desaturated.
Palette
5C6770 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(207,10%,95%) |
#e3e6e8 |
rgb(227,230,232) |
hsl(207,10%,90%) |
#d5d9dd |
rgb(213,217,221) |
hsl(207,10%,85%) |
#c7cdd1 |
rgb(199,205,209) |
hsl(207,10%,80%) |
#b9c0c6 |
rgb(185,192,198) |
hsl(207,10%,75%) |
#abb3ba |
rgb(171,179,186) |
hsl(207,10%,70%) |
#9da7af |
rgb(157,167,175) |
hsl(207,10%,65%) |
#8f9aa3 |
rgb(143,154,163) |
hsl(207,10%,60%) |
#818d98 |
rgb(129,141,152) |
hsl(207,10%,55%) |
#73818c |
rgb(115,129,140) |
hsl(207,10%,50%) |
#67747e |
rgb(103,116,126) |
hsl(207,10%,45%) |
#5c6770 |
rgb(92,103,112) |
hsl(207,10%,40%) |
#505a62 |
rgb(80,90,98) |
hsl(207,10%,35%) |
#454d54 |
rgb(69,77,84) |
hsl(207,10%,30%) |
#394046 |
rgb(57,64,70) |
hsl(207,10%,25%) |
#2e3438 |
rgb(46,52,56) |
hsl(207,10%,20%) |
#22272a |
rgb(34,39,42) |
hsl(207,10%,15%) |
#171a1c |
rgb(23,26,28) |
hsl(207,10%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(207,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5C706B |
rgb(92,112,107) |
hsl(165,10%,40%) |
#5C6770 |
rgb(92,103,112) |
hsl(207,10%,40%) |
#5E5C70 |
rgb(94,92,112) |
hsl(246,10%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8792 |
rgb(122,135,146) |
hsl(208,10%,53%) |
#6A7881 |
rgb(106,120,129) |
hsl(203,10%,46%) |
#5C6770 |
rgb(92,103,112) |
hsl(207,10%,40%) |
#4D575E |
rgb(77,87,94) |
hsl(205,10%,34%) |
#3E454C |
rgb(62,69,76) |
hsl(210,10%,27%) |
#2F363A |
rgb(47,54,58) |
hsl(202,10%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C6770 |
rgb(92,103,112) |
hsl(207,10%,40%) |
#705C5D |
rgb(112,92,93) |
hsl(357,10%,40%) |
#70705C |
rgb(112,112,92) |
hsl(60,10%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C6770 |
rgb(92,103,112) |
hsl(207,10%,40%) |
#70665C |
rgb(112,102,92) |
hsl(30,10%,40%) |
#5C706F |
rgb(92,112,111) |
hsl(177,10%,40%) |
#70705C |
rgb(112,112,92) |
hsl(60,10%,40%) |