HEX #5B697E color — Shuttle Gray

The color #5B697E is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5B697E color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(216,16%,98%)
#eaedf0 rgb(234,237,240) hsl(216,16%,93%)
#dcdfe5 rgb(220,223,229) hsl(216,16%,88%)
#cdd2db rgb(205,210,219) hsl(216,16%,83%)
#bec5d0 rgb(190,197,208) hsl(216,16%,78%)
#afb8c5 rgb(175,184,197) hsl(216,16%,73%)
#a0abba rgb(160,171,186) hsl(216,16%,68%)
#929eb0 rgb(146,158,176) hsl(216,16%,63%)
#8390a5 rgb(131,144,165) hsl(216,16%,58%)
#74839a rgb(116,131,154) hsl(216,16%,53%)
#67768e rgb(103,118,142) hsl(216,16%,48%)
#5c6a7f rgb(92,106,127) hsl(216,16%,43%)
#515e70 rgb(81,94,112) hsl(216,16%,38%)
#475162 rgb(71,81,98) hsl(216,16%,33%)
#3c4553 rgb(60,69,83) hsl(216,16%,28%)
#313944 rgb(49,57,68) hsl(216,16%,23%)
#272c35 rgb(39,44,53) hsl(216,16%,18%)
#1c2026 rgb(28,32,38) hsl(216,16%,13%)
#111418 rgb(17,20,24) hsl(216,16%,8%)
#060709 rgb(6,7,9) hsl(216,16%,3%)

Adjacent colors

HEX RGB HSL
#5B7D7B rgb(91,125,123) hsl(176,16%,42%)
#5B697E rgb(91,105,126) hsl(216,16%,43%)
#645C7E rgb(100,92,126) hsl(254,16%,43%)

Monochromatic colors

HEX RGB HSL
#7D8CA1 rgb(125,140,161) hsl(215,16%,56%)
#697A92 rgb(105,122,146) hsl(215,16%,49%)
#5B697E rgb(91,105,126) hsl(216,16%,43%)
#4C5969 rgb(76,89,105) hsl(213,16%,35%)
#3D4755 rgb(61,71,85) hsl(215,16%,29%)
#2F3641 rgb(47,54,65) hsl(217,16%,22%)

Triad color palettes

HEX RGB HSL
#5B697E rgb(91,105,126) hsl(216,16%,43%)
#7E5E5B rgb(126,94,91) hsl(5,16%,43%)
#7A7D5B rgb(122,125,91) hsl(65,16%,42%)

Tetrad color palettes

HEX RGB HSL
#5B697E rgb(91,105,126) hsl(216,16%,43%)
#7E705B rgb(126,112,91) hsl(36,16%,43%)
#5B7A7E rgb(91,122,126) hsl(187,16%,43%)
#7A7D5B rgb(122,125,91) hsl(65,16%,42%)