HEX #5B6476 color — Shuttle Gray
The color #5b6476 is a dark shade and slightly desaturated.
Palette
5b6476 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 |
#5B7576 |
rgb(91,117,118) |
hsl(182,13%,41%) |
#5B6476 |
rgb(91,100,118) |
hsl(220,13%,41%) |
#645C76 |
rgb(100,92,118) |
hsl(258,12%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7A8599 |
rgb(122,133,153) |
hsl(219,13%,54%) |
#697388 |
rgb(105,115,136) |
hsl(221,13%,47%) |
#5B6476 |
rgb(91,100,118) |
hsl(220,13%,41%) |
#4C5463 |
rgb(76,84,99) |
hsl(219,13%,34%) |
#3D4550 |
rgb(61,69,80) |
hsl(215,13%,28%) |
#2F333D |
rgb(47,51,61) |
hsl(223,13%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B6476 |
rgb(91,100,118) |
hsl(220,13%,41%) |
#765E5B |
rgb(118,94,91) |
hsl(7,13%,41%) |
#71755B |
rgb(113,117,91) |
hsl(69,13%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B6476 |
rgb(91,100,118) |
hsl(220,13%,41%) |
#766E5B |
rgb(118,110,91) |
hsl(42,13%,41%) |
#5B7376 |
rgb(91,115,118) |
hsl(187,13%,41%) |
#71755B |
rgb(113,117,91) |
hsl(69,13%,41%) |