HEX #5B697D color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

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%)