HEX #5A6670 color — Shuttle Gray
The color #5A6670 is a dark shade and slightly desaturated.
Palette
5A6670 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(207,11%,95%) |
| #e3e6e8 |
rgb(227,230,232) |
hsl(207,11%,90%) |
| #d5d9dd |
rgb(213,217,221) |
hsl(207,11%,85%) |
| #c6cdd2 |
rgb(198,205,210) |
hsl(207,11%,80%) |
| #b8c0c6 |
rgb(184,192,198) |
hsl(207,11%,75%) |
| #aab3bb |
rgb(170,179,187) |
hsl(207,11%,70%) |
| #9ca7b0 |
rgb(156,167,176) |
hsl(207,11%,65%) |
| #8e9aa4 |
rgb(142,154,164) |
hsl(207,11%,60%) |
| #808e99 |
rgb(128,142,153) |
hsl(207,11%,55%) |
| #71818e |
rgb(113,129,142) |
hsl(207,11%,50%) |
| #66747f |
rgb(102,116,127) |
hsl(207,11%,45%) |
| #5b6771 |
rgb(91,103,113) |
hsl(207,11%,40%) |
| #4f5a63 |
rgb(79,90,99) |
hsl(207,11%,35%) |
| #444d55 |
rgb(68,77,85) |
hsl(207,11%,30%) |
| #394047 |
rgb(57,64,71) |
hsl(207,11%,25%) |
| #2d3439 |
rgb(45,52,57) |
hsl(207,11%,20%) |
| #22272a |
rgb(34,39,42) |
hsl(207,11%,15%) |
| #171a1c |
rgb(23,26,28) |
hsl(207,11%,10%) |
| #0b0d0e |
rgb(11,13,14) |
hsl(207,11%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A706B |
rgb(90,112,107) |
hsl(166,11%,40%) |
| #5A6670 |
rgb(90,102,112) |
hsl(207,11%,40%) |
| #5C5970 |
rgb(92,89,112) |
hsl(248,11%,39%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #687581 |
rgb(104,117,129) |
hsl(209,11%,46%) |
| #5A6670 |
rgb(90,102,112) |
hsl(207,11%,40%) |
| #4B575E |
rgb(75,87,94) |
hsl(202,11%,33%) |
| #3D454C |
rgb(61,69,76) |
hsl(208,11%,27%) |
| #2E363A |
rgb(46,54,58) |
hsl(200,12%,20%) |
| #202428 |
rgb(32,36,40) |
hsl(210,11%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6670 |
rgb(90,102,112) |
hsl(207,11%,40%) |
| #70595B |
rgb(112,89,91) |
hsl(355,11%,39%) |
| #70705A |
rgb(112,112,90) |
hsl(60,11%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6670 |
rgb(90,102,112) |
hsl(207,11%,40%) |
| #70635A |
rgb(112,99,90) |
hsl(25,11%,40%) |
| #5A706F |
rgb(90,112,111) |
hsl(177,11%,40%) |
| #70705A |
rgb(112,112,90) |
hsl(60,11%,40%) |
