HEX #5A6370 color — Shuttle Gray
The color #5A6370 is a dark shade and slightly desaturated.
Palette
5A6370 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(215,11%,95%) |
#e3e5e8 |
rgb(227,229,232) |
hsl(215,11%,90%) |
#d5d8dd |
rgb(213,216,221) |
hsl(215,11%,85%) |
#c6cbd2 |
rgb(198,203,210) |
hsl(215,11%,80%) |
#b8bec6 |
rgb(184,190,198) |
hsl(215,11%,75%) |
#aab1bb |
rgb(170,177,187) |
hsl(215,11%,70%) |
#9ca4b0 |
rgb(156,164,176) |
hsl(215,11%,65%) |
#8e97a4 |
rgb(142,151,164) |
hsl(215,11%,60%) |
#808a99 |
rgb(128,138,153) |
hsl(215,11%,55%) |
#717d8e |
rgb(113,125,142) |
hsl(215,11%,50%) |
#66717f |
rgb(102,113,127) |
hsl(215,11%,45%) |
#5b6471 |
rgb(91,100,113) |
hsl(215,11%,40%) |
#4f5863 |
rgb(79,88,99) |
hsl(215,11%,35%) |
#444b55 |
rgb(68,75,85) |
hsl(215,11%,30%) |
#393f47 |
rgb(57,63,71) |
hsl(215,11%,25%) |
#2d3239 |
rgb(45,50,57) |
hsl(215,11%,20%) |
#22262a |
rgb(34,38,42) |
hsl(215,11%,15%) |
#17191c |
rgb(23,25,28) |
hsl(215,11%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(215,11%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A706E |
rgb(90,112,110) |
hsl(175,11%,40%) |
#5A6370 |
rgb(90,99,112) |
hsl(215,11%,40%) |
#5F5970 |
rgb(95,89,112) |
hsl(256,11%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#687381 |
rgb(104,115,129) |
hsl(214,11%,46%) |
#5A6370 |
rgb(90,99,112) |
hsl(215,11%,40%) |
#4B545E |
rgb(75,84,94) |
hsl(212,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 |
#5A6370 |
rgb(90,99,112) |
hsl(215,11%,40%) |
#705C5A |
rgb(112,92,90) |
hsl(5,11%,40%) |
#6E705A |
rgb(110,112,90) |
hsl(65,11%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6370 |
rgb(90,99,112) |
hsl(215,11%,40%) |
#70665A |
rgb(112,102,90) |
hsl(33,11%,40%) |
#5A6E70 |
rgb(90,110,112) |
hsl(185,11%,40%) |
#6E705A |
rgb(110,112,90) |
hsl(65,11%,40%) |