HEX #5A6375 color — Shuttle Gray
The color #5A6375 is a dark shade and slightly desaturated.
Palette
5A6375 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4f6 |
rgb(243,244,246) |
hsl(220,13%,96%) |
#e5e7eb |
rgb(229,231,235) |
hsl(220,13%,91%) |
#d7dae0 |
rgb(215,218,224) |
hsl(220,13%,86%) |
#c8ccd5 |
rgb(200,204,213) |
hsl(220,13%,81%) |
#babfca |
rgb(186,191,202) |
hsl(220,13%,76%) |
#abb2bf |
rgb(171,178,191) |
hsl(220,13%,71%) |
#9da5b4 |
rgb(157,165,180) |
hsl(220,13%,66%) |
#8f97a8 |
rgb(143,151,168) |
hsl(220,13%,61%) |
#808a9d |
rgb(128,138,157) |
hsl(220,13%,56%) |
#727d92 |
rgb(114,125,146) |
hsl(220,13%,51%) |
#667085 |
rgb(102,112,133) |
hsl(220,13%,46%) |
#5b6476 |
rgb(91,100,118) |
hsl(220,13%,41%) |
#505868 |
rgb(80,88,104) |
hsl(220,13%,36%) |
#454c59 |
rgb(69,76,89) |
hsl(220,13%,31%) |
#3a3f4b |
rgb(58,63,75) |
hsl(220,13%,26%) |
#2f333d |
rgb(47,51,61) |
hsl(220,13%,21%) |
#23272e |
rgb(35,39,46) |
hsl(220,13%,16%) |
#181b20 |
rgb(24,27,32) |
hsl(220,13%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(220,13%,6%) |
#020203 |
rgb(2,2,3) |
hsl(220,13%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7575 |
rgb(90,117,117) |
hsl(180,13%,41%) |
#5A6375 |
rgb(90,99,117) |
hsl(220,13%,41%) |
#635975 |
rgb(99,89,117) |
hsl(261,14%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798598 |
rgb(121,133,152) |
hsl(217,13%,54%) |
#687387 |
rgb(104,115,135) |
hsl(219,13%,47%) |
#5A6375 |
rgb(90,99,117) |
hsl(220,13%,41%) |
#4B5462 |
rgb(75,84,98) |
hsl(217,13%,34%) |
#3D424F |
rgb(61,66,79) |
hsl(223,13%,27%) |
#2E333C |
rgb(46,51,60) |
hsl(219,13%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6375 |
rgb(90,99,117) |
hsl(220,13%,41%) |
#755E5A |
rgb(117,94,90) |
hsl(9,13%,41%) |
#70755A |
rgb(112,117,90) |
hsl(71,13%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6375 |
rgb(90,99,117) |
hsl(220,13%,41%) |
#756B5A |
rgb(117,107,90) |
hsl(38,13%,41%) |
#5A7075 |
rgb(90,112,117) |
hsl(191,13%,41%) |
#70755A |
rgb(112,117,90) |
hsl(71,13%,41%) |