HEX #5A6170 color — Shuttle Gray
The color #5A6170 is a dark shade and slightly desaturated.
Palette
5A6170 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(221,11%,95%) |
| #e3e4e8 |
rgb(227,228,232) |
hsl(221,11%,90%) |
| #d5d7dd |
rgb(213,215,221) |
hsl(221,11%,85%) |
| #c6cad2 |
rgb(198,202,210) |
hsl(221,11%,80%) |
| #b8bdc6 |
rgb(184,189,198) |
hsl(221,11%,75%) |
| #aaafbb |
rgb(170,175,187) |
hsl(221,11%,70%) |
| #9ca2b0 |
rgb(156,162,176) |
hsl(221,11%,65%) |
| #8e95a4 |
rgb(142,149,164) |
hsl(221,11%,60%) |
| #808899 |
rgb(128,136,153) |
hsl(221,11%,55%) |
| #717a8e |
rgb(113,122,142) |
hsl(221,11%,50%) |
| #666e7f |
rgb(102,110,127) |
hsl(221,11%,45%) |
| #5b6271 |
rgb(91,98,113) |
hsl(221,11%,40%) |
| #4f5663 |
rgb(79,86,99) |
hsl(221,11%,35%) |
| #444955 |
rgb(68,73,85) |
hsl(221,11%,30%) |
| #393d47 |
rgb(57,61,71) |
hsl(221,11%,25%) |
| #2d3139 |
rgb(45,49,57) |
hsl(221,11%,20%) |
| #22252a |
rgb(34,37,42) |
hsl(221,11%,15%) |
| #17181c |
rgb(23,24,28) |
hsl(221,11%,10%) |
| #0b0c0e |
rgb(11,12,14) |
hsl(221,11%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A7070 |
rgb(90,112,112) |
hsl(180,11%,40%) |
| #5A6170 |
rgb(90,97,112) |
hsl(221,11%,40%) |
| #615970 |
rgb(97,89,112) |
hsl(261,11%,39%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #687081 |
rgb(104,112,129) |
hsl(221,11%,46%) |
| #5A6170 |
rgb(90,97,112) |
hsl(221,11%,40%) |
| #4B525E |
rgb(75,82,94) |
hsl(218,11%,33%) |
| #3D424C |
rgb(61,66,76) |
hsl(220,11%,27%) |
| #2E333A |
rgb(46,51,58) |
hsl(215,12%,20%) |
| #202428 |
rgb(32,36,40) |
hsl(210,11%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6170 |
rgb(90,97,112) |
hsl(221,11%,40%) |
| #705E5A |
rgb(112,94,90) |
hsl(11,11%,40%) |
| #6C705A |
rgb(108,112,90) |
hsl(71,11%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6170 |
rgb(90,97,112) |
hsl(221,11%,40%) |
| #70695A |
rgb(112,105,90) |
hsl(41,11%,40%) |
| #5A6B70 |
rgb(90,107,112) |
hsl(194,11%,40%) |
| #6C705A |
rgb(108,112,90) |
hsl(71,11%,40%) |
