HEX #5A6376 color — Shuttle Gray
The color #5A6376 is a dark shade and slightly desaturated.
Palette
5A6376 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4f6 |
rgb(243,244,246) |
hsl(221,13%,96%) |
#e5e7eb |
rgb(229,231,235) |
hsl(221,13%,91%) |
#d7dae0 |
rgb(215,218,224) |
hsl(221,13%,86%) |
#c8ccd5 |
rgb(200,204,213) |
hsl(221,13%,81%) |
#babfca |
rgb(186,191,202) |
hsl(221,13%,76%) |
#abb2bf |
rgb(171,178,191) |
hsl(221,13%,71%) |
#9da4b4 |
rgb(157,164,180) |
hsl(221,13%,66%) |
#8f97a8 |
rgb(143,151,168) |
hsl(221,13%,61%) |
#80899d |
rgb(128,137,157) |
hsl(221,13%,56%) |
#727c92 |
rgb(114,124,146) |
hsl(221,13%,51%) |
#667085 |
rgb(102,112,133) |
hsl(221,13%,46%) |
#5b6476 |
rgb(91,100,118) |
hsl(221,13%,41%) |
#505768 |
rgb(80,87,104) |
hsl(221,13%,36%) |
#454b59 |
rgb(69,75,89) |
hsl(221,13%,31%) |
#3a3f4b |
rgb(58,63,75) |
hsl(221,13%,26%) |
#2f333d |
rgb(47,51,61) |
hsl(221,13%,21%) |
#23272e |
rgb(35,39,46) |
hsl(221,13%,16%) |
#181b20 |
rgb(24,27,32) |
hsl(221,13%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(221,13%,6%) |
#020203 |
rgb(2,2,3) |
hsl(221,13%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A7576 |
rgb(90,117,118) |
hsl(182,13%,41%) |
#5A6376 |
rgb(90,99,118) |
hsl(221,13%,41%) |
#635976 |
rgb(99,89,118) |
hsl(261,14%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798599 |
rgb(121,133,153) |
hsl(218,14%,54%) |
#687388 |
rgb(104,115,136) |
hsl(219,13%,47%) |
#5A6376 |
rgb(90,99,118) |
hsl(221,13%,41%) |
#4B5463 |
rgb(75,84,99) |
hsl(218,14%,34%) |
#3D4250 |
rgb(61,66,80) |
hsl(224,13%,28%) |
#2E333D |
rgb(46,51,61) |
hsl(220,14%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6376 |
rgb(90,99,118) |
hsl(221,13%,41%) |
#765E5A |
rgb(118,94,90) |
hsl(9,13%,41%) |
#71755A |
rgb(113,117,90) |
hsl(69,13%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6376 |
rgb(90,99,118) |
hsl(221,13%,41%) |
#766E5A |
rgb(118,110,90) |
hsl(43,13%,41%) |
#5A7076 |
rgb(90,112,118) |
hsl(193,13%,41%) |
#71755A |
rgb(113,117,90) |
hsl(69,13%,41%) |