HEX #5A697C color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5a697c color palette from light to dark

HEX RGB HSL
#f6f7f9 rgb(246,247,249) hsl(214,16%,97%)
#e7eaee rgb(231,234,238) hsl(214,16%,92%)
#d9dde3 rgb(217,221,227) hsl(214,16%,87%)
#cad0d8 rgb(202,208,216) hsl(214,16%,82%)
#bbc3ce rgb(187,195,206) hsl(214,16%,77%)
#acb6c3 rgb(172,182,195) hsl(214,16%,72%)
#9da9b8 rgb(157,169,184) hsl(214,16%,67%)
#8f9cae rgb(143,156,174) hsl(214,16%,62%)
#808fa3 rgb(128,143,163) hsl(214,16%,57%)
#718298 rgb(113,130,152) hsl(214,16%,52%)
#65758b rgb(101,117,139) hsl(214,16%,47%)
#5a697c rgb(90,105,124) hsl(214,16%,42%)
#4f5c6d rgb(79,92,109) hsl(214,16%,37%)
#45505f rgb(69,80,95) hsl(214,16%,32%)
#3a4350 rgb(58,67,80) hsl(214,16%,27%)
#2f3741 rgb(47,55,65) hsl(214,16%,22%)
#242a32 rgb(36,42,50) hsl(214,16%,17%)
#1a1e23 rgb(26,30,35) hsl(214,16%,12%)
#0f1115 rgb(15,17,21) hsl(214,16%,7%)
#040506 rgb(4,5,6) hsl(214,16%,2%)

Adjacent colors

HEX RGB HSL
#5A7D78 rgb(90,125,120) hsl(171,16%,42%)
#5A697C rgb(90,105,124) hsl(214,16%,42%)
#61597C rgb(97,89,124) hsl(254,16%,42%)

Monochromatic colors

HEX RGB HSL
#7B8C9F rgb(123,140,159) hsl(212,16%,55%)
#687A8F rgb(104,122,143) hsl(212,16%,48%)
#5A697C rgb(90,105,124) hsl(214,16%,42%)
#4B5968 rgb(75,89,104) hsl(211,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
#5A697C rgb(90,105,124) hsl(214,16%,42%)
#7C5C5A rgb(124,92,90) hsl(4,16%,42%)
#7A7D5A rgb(122,125,90) hsl(65,16%,42%)

Tetrad color palettes

HEX RGB HSL
#5A697C rgb(90,105,124) hsl(214,16%,42%)
#7C6E5A rgb(124,110,90) hsl(35,16%,42%)
#5A7A7C rgb(90,122,124) hsl(184,16%,42%)
#7A7D5A rgb(122,125,90) hsl(65,16%,42%)