HEX #5A687C color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5a687c 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
#5A7D79 rgb(90,125,121) hsl(173,16%,42%)
#5A687C rgb(90,104,124) hsl(215,16%,42%)
#62597C rgb(98,89,124) hsl(255,16%,42%)

Monochromatic colors

HEX RGB HSL
#7B8A9F rgb(123,138,159) hsl(215,16%,55%)
#68788F rgb(104,120,143) hsl(215,16%,48%)
#5A687C rgb(90,104,124) hsl(215,16%,42%)
#4B5768 rgb(75,87,104) hsl(215,16%,35%)
#3D4754 rgb(61,71,84) hsl(214,16%,28%)
#2E3640 rgb(46,54,64) hsl(213,16%,22%)

Triad color palettes

HEX RGB HSL
#5A687C rgb(90,104,124) hsl(215,16%,42%)
#7C5C5A rgb(124,92,90) hsl(4,16%,42%)
#797D5A rgb(121,125,90) hsl(67,16%,42%)

Tetrad color palettes

HEX RGB HSL
#5A687C rgb(90,104,124) hsl(215,16%,42%)
#7C6E5A rgb(124,110,90) hsl(35,16%,42%)
#5A787C rgb(90,120,124) hsl(187,16%,42%)
#797D5A rgb(121,125,90) hsl(67,16%,42%)