HEX #5C6870 color — Shuttle Gray
The color #5c6870 is a dark shade and desaturated.
Palette
5c6870 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f3f4 |
rgb(241,243,244) |
hsl(204,10%,95%) |
| #e3e6e8 |
rgb(227,230,232) |
hsl(204,10%,90%) |
| #d5dadd |
rgb(213,218,221) |
hsl(204,10%,85%) |
| #c7cdd1 |
rgb(199,205,209) |
hsl(204,10%,80%) |
| #b9c1c6 |
rgb(185,193,198) |
hsl(204,10%,75%) |
| #abb4ba |
rgb(171,180,186) |
hsl(204,10%,70%) |
| #9da8af |
rgb(157,168,175) |
hsl(204,10%,65%) |
| #8f9ba3 |
rgb(143,155,163) |
hsl(204,10%,60%) |
| #818f98 |
rgb(129,143,152) |
hsl(204,10%,55%) |
| #73828c |
rgb(115,130,140) |
hsl(204,10%,50%) |
| #67757e |
rgb(103,117,126) |
hsl(204,10%,45%) |
| #5c6870 |
rgb(92,104,112) |
hsl(204,10%,40%) |
| #505b62 |
rgb(80,91,98) |
hsl(204,10%,35%) |
| #454e54 |
rgb(69,78,84) |
hsl(204,10%,30%) |
| #394146 |
rgb(57,65,70) |
hsl(204,10%,25%) |
| #2e3438 |
rgb(46,52,56) |
hsl(204,10%,20%) |
| #22272a |
rgb(34,39,42) |
hsl(204,10%,15%) |
| #171a1c |
rgb(23,26,28) |
hsl(204,10%,10%) |
| #0b0d0e |
rgb(11,13,14) |
hsl(204,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5C706A |
rgb(92,112,106) |
hsl(162,10%,40%) |
| #5C6870 |
rgb(92,104,112) |
hsl(204,10%,40%) |
| #5D5C70 |
rgb(93,92,112) |
hsl(243,10%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7A8A92 |
rgb(122,138,146) |
hsl(200,10%,53%) |
| #6A7881 |
rgb(106,120,129) |
hsl(203,10%,46%) |
| #5C6870 |
rgb(92,104,112) |
hsl(204,10%,40%) |
| #4D575E |
rgb(77,87,94) |
hsl(205,10%,34%) |
| #3E474C |
rgb(62,71,76) |
hsl(201,10%,27%) |
| #2F363A |
rgb(47,54,58) |
hsl(202,10%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5C6870 |
rgb(92,104,112) |
hsl(204,10%,40%) |
| #705C5E |
rgb(112,92,94) |
hsl(354,10%,40%) |
| #706E5C |
rgb(112,110,92) |
hsl(54,10%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5C6870 |
rgb(92,104,112) |
hsl(204,10%,40%) |
| #70635C |
rgb(112,99,92) |
hsl(21,10%,40%) |
| #5C706E |
rgb(92,112,110) |
hsl(174,10%,40%) |
| #706E5C |
rgb(112,110,92) |
hsl(54,10%,40%) |
