HEX #536170 color — Shuttle Gray
The color #536170 is a dark shade and slightly desaturated.
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%) |