HEX #5A697D color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A697D 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
#5A7D79 rgb(90,125,121) hsl(173,16%,42%)
#5A697D rgb(90,105,125) hsl(214,16%,42%)
#62597D rgb(98,89,125) hsl(255,17%,42%)

Monochromatic colors

HEX RGB HSL
#7B8CA0 rgb(123,140,160) hsl(212,16%,55%)
#687A91 rgb(104,122,145) hsl(214,16%,49%)
#5A697D rgb(90,105,125) hsl(214,16%,42%)
#4B5969 rgb(75,89,105) hsl(212,17%,35%)
#3D4755 rgb(61,71,85) hsl(215,16%,29%)
#2E3641 rgb(46,54,65) hsl(215,17%,22%)

Triad color palettes

HEX RGB HSL
#5A697D rgb(90,105,125) hsl(214,16%,42%)
#7D5C5A rgb(125,92,90) hsl(3,16%,42%)
#7A7D5A rgb(122,125,90) hsl(65,16%,42%)

Tetrad color palettes

HEX RGB HSL
#5A697D rgb(90,105,125) hsl(214,16%,42%)
#7D6E5A rgb(125,110,90) hsl(34,16%,42%)
#5A7A7D rgb(90,122,125) hsl(185,16%,42%)
#7A7D5A rgb(122,125,90) hsl(65,16%,42%)