HEX #5B6173 color — Shuttle Gray
The color #5B6173 is a dark shade and slightly desaturated.
Palette
5B6173 color palette from light to dark
HEX |
RGB |
HSL |
#f1f1f4 |
rgb(241,241,244) |
hsl(225,12%,95%) |
#e2e4e9 |
rgb(226,228,233) |
hsl(225,12%,90%) |
#d4d6dd |
rgb(212,214,221) |
hsl(225,12%,85%) |
#c6c9d2 |
rgb(198,201,210) |
hsl(225,12%,80%) |
#b8bbc7 |
rgb(184,187,199) |
hsl(225,12%,75%) |
#a9aebc |
rgb(169,174,188) |
hsl(225,12%,70%) |
#9ba0b0 |
rgb(155,160,176) |
hsl(225,12%,65%) |
#8d93a5 |
rgb(141,147,165) |
hsl(225,12%,60%) |
#7e859a |
rgb(126,133,154) |
hsl(225,12%,55%) |
#70788f |
rgb(112,120,143) |
hsl(225,12%,50%) |
#656c81 |
rgb(101,108,129) |
hsl(225,12%,45%) |
#5a6072 |
rgb(90,96,114) |
hsl(225,12%,40%) |
#4f5464 |
rgb(79,84,100) |
hsl(225,12%,35%) |
#434856 |
rgb(67,72,86) |
hsl(225,12%,30%) |
#383c47 |
rgb(56,60,71) |
hsl(225,12%,25%) |
#2d3039 |
rgb(45,48,57) |
hsl(225,12%,20%) |
#22242b |
rgb(34,36,43) |
hsl(225,12%,15%) |
#16181d |
rgb(22,24,29) |
hsl(225,12%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(225,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B7073 |
rgb(91,112,115) |
hsl(188,12%,40%) |
#5B6173 |
rgb(91,97,115) |
hsl(225,12%,40%) |
#655C73 |
rgb(101,92,115) |
hsl(263,11%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8295 |
rgb(122,130,149) |
hsl(222,11%,53%) |
#697085 |
rgb(105,112,133) |
hsl(225,12%,47%) |
#5B6173 |
rgb(91,97,115) |
hsl(225,12%,40%) |
#4C5260 |
rgb(76,82,96) |
hsl(222,12%,34%) |
#3D424E |
rgb(61,66,78) |
hsl(222,12%,27%) |
#2F333B |
rgb(47,51,59) |
hsl(220,11%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B6173 |
rgb(91,97,115) |
hsl(225,12%,40%) |
#73615B |
rgb(115,97,91) |
hsl(15,12%,40%) |
#6D735B |
rgb(109,115,91) |
hsl(75,12%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B6173 |
rgb(91,97,115) |
hsl(225,12%,40%) |
#736E5B |
rgb(115,110,91) |
hsl(48,12%,40%) |
#5B6E73 |
rgb(91,110,115) |
hsl(193,12%,40%) |
#6D735B |
rgb(109,115,91) |
hsl(75,12%,40%) |