HEX #5C687A color — Shuttle Gray
The color #5c687a is a dark shade and slightly desaturated.
Palette
5c687a color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(216,14%,97%) |
#e8eaed |
rgb(232,234,237) |
hsl(216,14%,92%) |
#d9dde2 |
rgb(217,221,226) |
hsl(216,14%,87%) |
#cbd0d8 |
rgb(203,208,216) |
hsl(216,14%,82%) |
#bcc3cd |
rgb(188,195,205) |
hsl(216,14%,77%) |
#aeb6c2 |
rgb(174,182,194) |
hsl(216,14%,72%) |
#9fa8b7 |
rgb(159,168,183) |
hsl(216,14%,67%) |
#919bac |
rgb(145,155,172) |
hsl(216,14%,62%) |
#828ea1 |
rgb(130,142,161) |
hsl(216,14%,57%) |
#738196 |
rgb(115,129,150) |
hsl(216,14%,52%) |
#677489 |
rgb(103,116,137) |
hsl(216,14%,47%) |
#5c687a |
rgb(92,104,122) |
hsl(216,14%,42%) |
#515c6c |
rgb(81,92,108) |
hsl(216,14%,37%) |
#464f5d |
rgb(70,79,93) |
hsl(216,14%,32%) |
#3b434e |
rgb(59,67,78) |
hsl(216,14%,27%) |
#303740 |
rgb(48,55,64) |
hsl(216,14%,22%) |
#252a31 |
rgb(37,42,49) |
hsl(216,14%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(216,14%,12%) |
#0f1114 |
rgb(15,17,20) |
hsl(216,14%,7%) |
#040506 |
rgb(4,5,6) |
hsl(216,14%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5C7A78 |
rgb(92,122,120) |
hsl(176,14%,42%) |
#5C687A |
rgb(92,104,122) |
hsl(216,14%,42%) |
#645C7A |
rgb(100,92,122) |
hsl(256,14%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D8A9D |
rgb(125,138,157) |
hsl(216,14%,55%) |
#6A788D |
rgb(106,120,141) |
hsl(216,14%,48%) |
#5C687A |
rgb(92,104,122) |
hsl(216,14%,42%) |
#4D5766 |
rgb(77,87,102) |
hsl(216,14%,35%) |
#3E4752 |
rgb(62,71,82) |
hsl(213,14%,28%) |
#2F363F |
rgb(47,54,63) |
hsl(214,15%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5C687A |
rgb(92,104,122) |
hsl(216,14%,42%) |
#7A5E5C |
rgb(122,94,92) |
hsl(4,14%,42%) |
#777A5C |
rgb(119,122,92) |
hsl(66,14%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5C687A |
rgb(92,104,122) |
hsl(216,14%,42%) |
#7A6E5C |
rgb(122,110,92) |
hsl(36,14%,42%) |
#5C787A |
rgb(92,120,122) |
hsl(184,14%,42%) |
#777A5C |
rgb(119,122,92) |
hsl(66,14%,42%) |