HEX #536170 color — Shuttle Gray

The color #536170 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

536170 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(211,15%,98%)
#eaedf0 rgb(234,237,240) hsl(211,15%,93%)
#dce0e5 rgb(220,224,229) hsl(211,15%,88%)
#cdd3da rgb(205,211,218) hsl(211,15%,83%)
#bec7cf rgb(190,199,207) hsl(211,15%,78%)
#b0bac4 rgb(176,186,196) hsl(211,15%,73%)
#a1adba rgb(161,173,186) hsl(211,15%,68%)
#92a0af rgb(146,160,175) hsl(211,15%,63%)
#8493a4 rgb(132,147,164) hsl(211,15%,58%)
#758799 rgb(117,135,153) hsl(211,15%,53%)
#687a8d rgb(104,122,141) hsl(211,15%,48%)
#5d6d7e rgb(93,109,126) hsl(211,15%,43%)
#52606f rgb(82,96,111) hsl(211,15%,38%)
#485461 rgb(72,84,97) hsl(211,15%,33%)
#3d4752 rgb(61,71,82) hsl(211,15%,28%)
#323a43 rgb(50,58,67) hsl(211,15%,23%)
#272e35 rgb(39,46,53) hsl(211,15%,18%)
#1c2126 rgb(28,33,38) hsl(211,15%,13%)
#111417 rgb(17,20,23) hsl(211,15%,8%)
#070809 rgb(7,8,9) hsl(211,15%,3%)

Adjacent colors

HEX RGB HSL
#53706B rgb(83,112,107) hsl(170,15%,38%)
#536170 rgb(83,97,112) hsl(211,15%,38%)
#585470 rgb(88,84,112) hsl(249,14%,38%)

Monochromatic colors

HEX RGB HSL
#607081 rgb(96,112,129) hsl(211,15%,44%)
#536170 rgb(83,97,112) hsl(211,15%,38%)
#45525E rgb(69,82,94) hsl(209,15%,32%)
#38424C rgb(56,66,76) hsl(210,15%,26%)
#2B333A rgb(43,51,58) hsl(208,15%,20%)
#1D2428 rgb(29,36,40) hsl(202,16%,14%)

Triad color palettes

HEX RGB HSL
#536170 rgb(83,97,112) hsl(211,15%,38%)
#705453 rgb(112,84,83) hsl(2,15%,38%)
#6F7053 rgb(111,112,83) hsl(62,15%,38%)

Tetrad color palettes

HEX RGB HSL
#536170 rgb(83,97,112) hsl(211,15%,38%)
#706153 rgb(112,97,83) hsl(29,15%,38%)
#537070 rgb(83,112,112) hsl(180,15%,38%)
#6F7053 rgb(111,112,83) hsl(62,15%,38%)