HEX #5A6972 color — Shuttle Gray
The color #5A6972 is a dark shade and slightly desaturated.
Palette
5A6972 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3f4 |
rgb(241,243,244) |
hsl(203,12%,95%) |
#e2e6e9 |
rgb(226,230,233) |
hsl(203,12%,90%) |
#d4dadd |
rgb(212,218,221) |
hsl(203,12%,85%) |
#c6cdd2 |
rgb(198,205,210) |
hsl(203,12%,80%) |
#b8c1c7 |
rgb(184,193,199) |
hsl(203,12%,75%) |
#a9b5bc |
rgb(169,181,188) |
hsl(203,12%,70%) |
#9ba8b0 |
rgb(155,168,176) |
hsl(203,12%,65%) |
#8d9ca5 |
rgb(141,156,165) |
hsl(203,12%,60%) |
#7e8f9a |
rgb(126,143,154) |
hsl(203,12%,55%) |
#70838f |
rgb(112,131,143) |
hsl(203,12%,50%) |
#657681 |
rgb(101,118,129) |
hsl(203,12%,45%) |
#5a6972 |
rgb(90,105,114) |
hsl(203,12%,40%) |
#4f5c64 |
rgb(79,92,100) |
hsl(203,12%,35%) |
#434f56 |
rgb(67,79,86) |
hsl(203,12%,30%) |
#384247 |
rgb(56,66,71) |
hsl(203,12%,25%) |
#2d3439 |
rgb(45,52,57) |
hsl(203,12%,20%) |
#22272b |
rgb(34,39,43) |
hsl(203,12%,15%) |
#161a1d |
rgb(22,26,29) |
hsl(203,12%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(203,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A736B |
rgb(90,115,107) |
hsl(161,12%,40%) |
#5A6972 |
rgb(90,105,114) |
hsl(203,12%,40%) |
#5B5972 |
rgb(91,89,114) |
hsl(245,12%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788A94 |
rgb(120,138,148) |
hsl(201,12%,53%) |
#687A84 |
rgb(104,122,132) |
hsl(201,12%,46%) |
#5A6972 |
rgb(90,105,114) |
hsl(203,12%,40%) |
#4B595F |
rgb(75,89,95) |
hsl(198,12%,33%) |
#3D474D |
rgb(61,71,77) |
hsl(203,12%,27%) |
#2E363B |
rgb(46,54,59) |
hsl(203,12%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6972 |
rgb(90,105,114) |
hsl(203,12%,40%) |
#72595D |
rgb(114,89,93) |
hsl(350,12%,40%) |
#72705A |
rgb(114,112,90) |
hsl(55,12%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6972 |
rgb(90,105,114) |
hsl(203,12%,40%) |
#72635A |
rgb(114,99,90) |
hsl(23,12%,40%) |
#5A736F |
rgb(90,115,111) |
hsl(170,12%,40%) |
#72705A |
rgb(114,112,90) |
hsl(55,12%,40%) |