HEX #5A6372 color — Shuttle Gray
The color #5a6372 is a dark shade and slightly desaturated.
Palette
5a6372 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(218,12%,95%) |
#e2e5e9 |
rgb(226,229,233) |
hsl(218,12%,90%) |
#d4d8dd |
rgb(212,216,221) |
hsl(218,12%,85%) |
#c6cad2 |
rgb(198,202,210) |
hsl(218,12%,80%) |
#b8bdc7 |
rgb(184,189,199) |
hsl(218,12%,75%) |
#a9b0bc |
rgb(169,176,188) |
hsl(218,12%,70%) |
#9ba3b0 |
rgb(155,163,176) |
hsl(218,12%,65%) |
#8d96a5 |
rgb(141,150,165) |
hsl(218,12%,60%) |
#7e899a |
rgb(126,137,154) |
hsl(218,12%,55%) |
#707b8f |
rgb(112,123,143) |
hsl(218,12%,50%) |
#656f81 |
rgb(101,111,129) |
hsl(218,12%,45%) |
#5a6372 |
rgb(90,99,114) |
hsl(218,12%,40%) |
#4f5664 |
rgb(79,86,100) |
hsl(218,12%,35%) |
#434a56 |
rgb(67,74,86) |
hsl(218,12%,30%) |
#383e47 |
rgb(56,62,71) |
hsl(218,12%,25%) |
#2d3139 |
rgb(45,49,57) |
hsl(218,12%,20%) |
#22252b |
rgb(34,37,43) |
hsl(218,12%,15%) |
#16191d |
rgb(22,25,29) |
hsl(218,12%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(218,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7371 |
rgb(90,115,113) |
hsl(175,12%,40%) |
#5A6372 |
rgb(90,99,114) |
hsl(218,12%,40%) |
#615972 |
rgb(97,89,114) |
hsl(259,12%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788294 |
rgb(120,130,148) |
hsl(219,12%,53%) |
#687384 |
rgb(104,115,132) |
hsl(216,12%,46%) |
#5A6372 |
rgb(90,99,114) |
hsl(218,12%,40%) |
#4B545F |
rgb(75,84,95) |
hsl(213,12%,33%) |
#3D424D |
rgb(61,66,77) |
hsl(221,12%,27%) |
#2E333B |
rgb(46,51,59) |
hsl(217,12%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6372 |
rgb(90,99,114) |
hsl(218,12%,40%) |
#725C5A |
rgb(114,92,90) |
hsl(5,12%,40%) |
#6F735A |
rgb(111,115,90) |
hsl(70,12%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6372 |
rgb(90,99,114) |
hsl(218,12%,40%) |
#72695A |
rgb(114,105,90) |
hsl(38,12%,40%) |
#5A7072 |
rgb(90,112,114) |
hsl(185,12%,40%) |
#6F735A |
rgb(111,115,90) |
hsl(70,12%,40%) |