HEX #5B697C color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5B697C color palette from light to dark

HEX RGB HSL
#f6f7f8 rgb(246,247,248) hsl(215,15%,97%)
#e8eaee rgb(232,234,238) hsl(215,15%,92%)
#d9dde3 rgb(217,221,227) hsl(215,15%,87%)
#cad0d8 rgb(202,208,216) hsl(215,15%,82%)
#bcc3cd rgb(188,195,205) hsl(215,15%,77%)
#adb6c2 rgb(173,182,194) hsl(215,15%,72%)
#9ea9b7 rgb(158,169,183) hsl(215,15%,67%)
#909cad rgb(144,156,173) hsl(215,15%,62%)
#818fa2 rgb(129,143,162) hsl(215,15%,57%)
#728297 rgb(114,130,151) hsl(215,15%,52%)
#66758a rgb(102,117,138) hsl(215,15%,47%)
#5b687b rgb(91,104,123) hsl(215,15%,42%)
#505c6d rgb(80,92,109) hsl(215,15%,37%)
#45505e rgb(69,80,94) hsl(215,15%,32%)
#3b434f rgb(59,67,79) hsl(215,15%,27%)
#303741 rgb(48,55,65) hsl(215,15%,22%)
#252a32 rgb(37,42,50) hsl(215,15%,17%)
#1a1e23 rgb(26,30,35) hsl(215,15%,12%)
#0f1115 rgb(15,17,21) hsl(215,15%,7%)
#040506 rgb(4,5,6) hsl(215,15%,2%)

Adjacent colors

HEX RGB HSL
#5B7D79 rgb(91,125,121) hsl(173,16%,42%)
#5B697C rgb(91,105,124) hsl(215,15%,42%)
#635C7C rgb(99,92,124) hsl(253,15%,42%)

Monochromatic colors

HEX RGB HSL
#7C8C9F rgb(124,140,159) hsl(213,15%,55%)
#697A8F rgb(105,122,143) hsl(213,15%,49%)
#5B697C rgb(91,105,124) hsl(215,15%,42%)
#4C5968 rgb(76,89,104) hsl(212,16%,35%)
#3D4754 rgb(61,71,84) hsl(214,16%,28%)
#2F3640 rgb(47,54,64) hsl(215,15%,22%)

Triad color palettes

HEX RGB HSL
#5B697C rgb(91,105,124) hsl(215,15%,42%)
#7C5E5B rgb(124,94,91) hsl(5,15%,42%)
#797D5B rgb(121,125,91) hsl(67,16%,42%)

Tetrad color palettes

HEX RGB HSL
#5B697C rgb(91,105,124) hsl(215,15%,42%)
#7C6E5B rgb(124,110,91) hsl(35,15%,42%)
#5B7A7C rgb(91,122,124) hsl(184,15%,42%)
#797D5B rgb(121,125,91) hsl(67,16%,42%)