HEX #535E70 color — Shuttle Gray
The color #535E70 is a dark shade and slightly desaturated.
Palette
535E70 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(217,15%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(217,15%,93%) |
#dcdfe5 |
rgb(220,223,229) |
hsl(217,15%,88%) |
#cdd2da |
rgb(205,210,218) |
hsl(217,15%,83%) |
#bec5cf |
rgb(190,197,207) |
hsl(217,15%,78%) |
#b0b8c4 |
rgb(176,184,196) |
hsl(217,15%,73%) |
#a1abba |
rgb(161,171,186) |
hsl(217,15%,68%) |
#929daf |
rgb(146,157,175) |
hsl(217,15%,63%) |
#8490a4 |
rgb(132,144,164) |
hsl(217,15%,58%) |
#758399 |
rgb(117,131,153) |
hsl(217,15%,53%) |
#68768d |
rgb(104,118,141) |
hsl(217,15%,48%) |
#5d6a7e |
rgb(93,106,126) |
hsl(217,15%,43%) |
#525e6f |
rgb(82,94,111) |
hsl(217,15%,38%) |
#485161 |
rgb(72,81,97) |
hsl(217,15%,33%) |
#3d4552 |
rgb(61,69,82) |
hsl(217,15%,28%) |
#323943 |
rgb(50,57,67) |
hsl(217,15%,23%) |
#272c35 |
rgb(39,44,53) |
hsl(217,15%,18%) |
#1c2026 |
rgb(28,32,38) |
hsl(217,15%,13%) |
#111417 |
rgb(17,20,23) |
hsl(217,15%,8%) |
#070709 |
rgb(7,7,9) |
hsl(217,15%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#53706E |
rgb(83,112,110) |
hsl(176,15%,38%) |
#535E70 |
rgb(83,94,112) |
hsl(217,15%,38%) |
#5B5470 |
rgb(91,84,112) |
hsl(255,14%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#606E81 |
rgb(96,110,129) |
hsl(215,15%,44%) |
#535E70 |
rgb(83,94,112) |
hsl(217,15%,38%) |
#454F5E |
rgb(69,79,94) |
hsl(216,15%,32%) |
#38404C |
rgb(56,64,76) |
hsl(216,15%,26%) |
#2B303A |
rgb(43,48,58) |
hsl(220,15%,20%) |
#1D2128 |
rgb(29,33,40) |
hsl(218,16%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#535E70 |
rgb(83,94,112) |
hsl(217,15%,38%) |
#705753 |
rgb(112,87,83) |
hsl(8,15%,38%) |
#6C7053 |
rgb(108,112,83) |
hsl(68,15%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535E70 |
rgb(83,94,112) |
hsl(217,15%,38%) |
#706653 |
rgb(112,102,83) |
hsl(39,15%,38%) |
#536E70 |
rgb(83,110,112) |
hsl(184,15%,38%) |
#6C7053 |
rgb(108,112,83) |
hsl(68,15%,38%) |