HEX #5B697D color — Shuttle Gray
The color #5B697D is a dark shade and slightly desaturated.
Palette
5B697D color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(215,16%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(215,16%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(215,16%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(215,16%,82%) |
#bbc3ce |
rgb(187,195,206) |
hsl(215,16%,77%) |
#acb6c3 |
rgb(172,182,195) |
hsl(215,16%,72%) |
#9da9b8 |
rgb(157,169,184) |
hsl(215,16%,67%) |
#8f9cae |
rgb(143,156,174) |
hsl(215,16%,62%) |
#808ea3 |
rgb(128,142,163) |
hsl(215,16%,57%) |
#718198 |
rgb(113,129,152) |
hsl(215,16%,52%) |
#65758b |
rgb(101,117,139) |
hsl(215,16%,47%) |
#5a687c |
rgb(90,104,124) |
hsl(215,16%,42%) |
#4f5c6d |
rgb(79,92,109) |
hsl(215,16%,37%) |
#454f5f |
rgb(69,79,95) |
hsl(215,16%,32%) |
#3a4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#2f3741 |
rgb(47,55,65) |
hsl(215,16%,22%) |
#242a32 |
rgb(36,42,50) |
hsl(215,16%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(215,16%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,16%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B7D7A |
rgb(91,125,122) |
hsl(175,16%,42%) |
#5B697D |
rgb(91,105,125) |
hsl(215,16%,42%) |
#635C7D |
rgb(99,92,125) |
hsl(253,15%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C8CA0 |
rgb(124,140,160) |
hsl(213,16%,56%) |
#697A91 |
rgb(105,122,145) |
hsl(215,16%,49%) |
#5B697D |
rgb(91,105,125) |
hsl(215,16%,42%) |
#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 |
#5B697D |
rgb(91,105,125) |
hsl(215,16%,42%) |
#7D5E5B |
rgb(125,94,91) |
hsl(5,16%,42%) |
#7A7D5B |
rgb(122,125,91) |
hsl(65,16%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B697D |
rgb(91,105,125) |
hsl(215,16%,42%) |
#7D705B |
rgb(125,112,91) |
hsl(37,16%,42%) |
#5B7A7D |
rgb(91,122,125) |
hsl(185,16%,42%) |
#7A7D5B |
rgb(122,125,91) |
hsl(65,16%,42%) |