HEX #5A697E color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A697E color palette from light to dark

HEX RGB HSL
#f6f7f9 rgb(246,247,249) hsl(215,17%,97%)
#e7eaee rgb(231,234,238) hsl(215,17%,92%)
#d8dde3 rgb(216,221,227) hsl(215,17%,87%)
#c9d0d9 rgb(201,208,217) hsl(215,17%,82%)
#bac3ce rgb(186,195,206) hsl(215,17%,77%)
#abb6c4 rgb(171,182,196) hsl(215,17%,72%)
#9da8b9 rgb(157,168,185) hsl(215,17%,67%)
#8e9baf rgb(142,155,175) hsl(215,17%,62%)
#7f8ea4 rgb(127,142,164) hsl(215,17%,57%)
#708199 rgb(112,129,153) hsl(215,17%,52%)
#63748c rgb(99,116,140) hsl(215,17%,47%)
#59687d rgb(89,104,125) hsl(215,17%,42%)
#4e5c6e rgb(78,92,110) hsl(215,17%,37%)
#444f5f rgb(68,79,95) hsl(215,17%,32%)
#394351 rgb(57,67,81) hsl(215,17%,27%)
#2f3742 rgb(47,55,66) hsl(215,17%,22%)
#242a33 rgb(36,42,51) hsl(215,17%,17%)
#191e24 rgb(25,30,36) hsl(215,17%,12%)
#0f1115 rgb(15,17,21) hsl(215,17%,7%)
#040506 rgb(4,5,6) hsl(215,17%,2%)

Adjacent colors

HEX RGB HSL
#5A7D7B rgb(90,125,123) hsl(177,16%,42%)
#5A697E rgb(90,105,126) hsl(215,17%,42%)
#63597E rgb(99,89,126) hsl(256,17%,42%)

Monochromatic colors

HEX RGB HSL
#7B8CA1 rgb(123,140,161) hsl(213,17%,56%)
#687A92 rgb(104,122,146) hsl(214,17%,49%)
#5A697E rgb(90,105,126) hsl(215,17%,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
#5A697E rgb(90,105,126) hsl(215,17%,42%)
#7E5C5A rgb(126,92,90) hsl(3,17%,42%)
#7B7D5A rgb(123,125,90) hsl(63,16%,42%)

Tetrad color palettes

HEX RGB HSL
#5A697E rgb(90,105,126) hsl(215,17%,42%)
#7E705A rgb(126,112,90) hsl(37,17%,42%)
#5A7A7E rgb(90,122,126) hsl(187,17%,42%)
#7B7D5A rgb(123,125,90) hsl(63,16%,42%)