HEX #5A6C77 color — Shuttle Gray
The color #5a6c77 is a dark shade and slightly desaturated.
Palette
5a6c77 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(203,14%,96%) |
#e5e9eb |
rgb(229,233,235) |
hsl(203,14%,91%) |
#d6dce0 |
rgb(214,220,224) |
hsl(203,14%,86%) |
#c8d0d5 |
rgb(200,208,213) |
hsl(203,14%,81%) |
#b9c4ca |
rgb(185,196,202) |
hsl(203,14%,76%) |
#abb7bf |
rgb(171,183,191) |
hsl(203,14%,71%) |
#9cabb4 |
rgb(156,171,180) |
hsl(203,14%,66%) |
#8e9fa9 |
rgb(142,159,169) |
hsl(203,14%,61%) |
#7f929f |
rgb(127,146,159) |
hsl(203,14%,56%) |
#718694 |
rgb(113,134,148) |
hsl(203,14%,51%) |
#657986 |
rgb(101,121,134) |
hsl(203,14%,46%) |
#5a6c77 |
rgb(90,108,119) |
hsl(203,14%,41%) |
#4f5f69 |
rgb(79,95,105) |
hsl(203,14%,36%) |
#44525a |
rgb(68,82,90) |
hsl(203,14%,31%) |
#39444c |
rgb(57,68,76) |
hsl(203,14%,26%) |
#2e373d |
rgb(46,55,61) |
hsl(203,14%,21%) |
#232a2f |
rgb(35,42,47) |
hsl(203,14%,16%) |
#181d20 |
rgb(24,29,32) |
hsl(203,14%,11%) |
#0d1011 |
rgb(13,16,17) |
hsl(203,14%,6%) |
#020303 |
rgb(2,3,3) |
hsl(203,14%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A786E |
rgb(90,120,110) |
hsl(160,14%,41%) |
#5A6C77 |
rgb(90,108,119) |
hsl(203,14%,41%) |
#5B5977 |
rgb(91,89,119) |
hsl(244,14%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798F9A |
rgb(121,143,154) |
hsl(200,14%,54%) |
#687D8A |
rgb(104,125,138) |
hsl(203,14%,47%) |
#5A6C77 |
rgb(90,108,119) |
hsl(203,14%,41%) |
#4B5C63 |
rgb(75,92,99) |
hsl(198,14%,34%) |
#3D4A50 |
rgb(61,74,80) |
hsl(199,13%,28%) |
#2E383D |
rgb(46,56,61) |
hsl(200,14%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6C77 |
rgb(90,108,119) |
hsl(203,14%,41%) |
#77595D |
rgb(119,89,93) |
hsl(352,14%,41%) |
#77735A |
rgb(119,115,90) |
hsl(52,14%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6C77 |
rgb(90,108,119) |
hsl(203,14%,41%) |
#77665A |
rgb(119,102,90) |
hsl(25,14%,41%) |
#5A7873 |
rgb(90,120,115) |
hsl(170,14%,41%) |
#77735A |
rgb(119,115,90) |
hsl(52,14%,41%) |