HEX #5B697E color — Shuttle Gray
The color #5B697E is a dark shade and slightly desaturated.
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%) |