HEX #5C7080 color — Shuttle Gray
The color #5C7080 is a dark shade and slightly desaturated.
Palette
5C7080 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(207,16%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(207,16%,93%) |
#dce1e5 |
rgb(220,225,229) |
hsl(207,16%,88%) |
#cdd4db |
rgb(205,212,219) |
hsl(207,16%,83%) |
#bec8d0 |
rgb(190,200,208) |
hsl(207,16%,78%) |
#afbbc5 |
rgb(175,187,197) |
hsl(207,16%,73%) |
#a0afba |
rgb(160,175,186) |
hsl(207,16%,68%) |
#92a2b0 |
rgb(146,162,176) |
hsl(207,16%,63%) |
#8396a5 |
rgb(131,150,165) |
hsl(207,16%,58%) |
#74899a |
rgb(116,137,154) |
hsl(207,16%,53%) |
#677c8e |
rgb(103,124,142) |
hsl(207,16%,48%) |
#5c6f7f |
rgb(92,111,127) |
hsl(207,16%,43%) |
#516270 |
rgb(81,98,112) |
hsl(207,16%,38%) |
#475562 |
rgb(71,85,98) |
hsl(207,16%,33%) |
#3c4953 |
rgb(60,73,83) |
hsl(207,16%,28%) |
#313c44 |
rgb(49,60,68) |
hsl(207,16%,23%) |
#272f35 |
rgb(39,47,53) |
hsl(207,16%,18%) |
#1c2226 |
rgb(28,34,38) |
hsl(207,16%,13%) |
#111518 |
rgb(17,21,24) |
hsl(207,16%,8%) |
#060809 |
rgb(6,8,9) |
hsl(207,16%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5C8078 |
rgb(92,128,120) |
hsl(167,16%,43%) |
#5C7080 |
rgb(92,112,128) |
hsl(207,16%,43%) |
#605C80 |
rgb(96,92,128) |
hsl(247,16%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F94A3 |
rgb(127,148,163) |
hsl(205,16%,57%) |
#6A8294 |
rgb(106,130,148) |
hsl(206,17%,50%) |
#5C7080 |
rgb(92,112,128) |
hsl(207,16%,43%) |
#4D5E6B |
rgb(77,94,107) |
hsl(206,16%,36%) |
#3E4D57 |
rgb(62,77,87) |
hsl(204,17%,29%) |
#2F3B42 |
rgb(47,59,66) |
hsl(202,17%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C7080 |
rgb(92,112,128) |
hsl(207,16%,43%) |
#805C5E |
rgb(128,92,94) |
hsl(357,16%,43%) |
#807D5C |
rgb(128,125,92) |
hsl(55,16%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C7080 |
rgb(92,112,128) |
hsl(207,16%,43%) |
#806B5C |
rgb(128,107,92) |
hsl(25,16%,43%) |
#5C807E |
rgb(92,128,126) |
hsl(177,16%,43%) |
#807D5C |
rgb(128,125,92) |
hsl(55,16%,43%) |