HEX #5E6977 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5E6977 color palette from light to dark

HEX RGB HSL
#f6f7f8 rgb(246,247,248) hsl(214,12%,97%)
#e8eaed rgb(232,234,237) hsl(214,12%,92%)
#dadde2 rgb(218,221,226) hsl(214,12%,87%)
#ccd0d7 rgb(204,208,215) hsl(214,12%,82%)
#bdc3cb rgb(189,195,203) hsl(214,12%,77%)
#afb6c0 rgb(175,182,192) hsl(214,12%,72%)
#a1aab5 rgb(161,170,181) hsl(214,12%,67%)
#929daa rgb(146,157,170) hsl(214,12%,62%)
#84909f rgb(132,144,159) hsl(214,12%,57%)
#768393 rgb(118,131,147) hsl(214,12%,52%)
#697686 rgb(105,118,134) hsl(214,12%,47%)
#5e6978 rgb(94,105,120) hsl(214,12%,42%)
#535d6a rgb(83,93,106) hsl(214,12%,37%)
#48505b rgb(72,80,91) hsl(214,12%,32%)
#3d444d rgb(61,68,77) hsl(214,12%,27%)
#31373f rgb(49,55,63) hsl(214,12%,22%)
#262b31 rgb(38,43,49) hsl(214,12%,17%)
#1b1e22 rgb(27,30,34) hsl(214,12%,12%)
#101214 rgb(16,18,20) hsl(214,12%,7%)
#040506 rgb(4,5,6) hsl(214,12%,2%)

Adjacent colors

HEX RGB HSL
#5E7874 rgb(94,120,116) hsl(171,12%,42%)
#5E6977 rgb(94,105,119) hsl(214,12%,42%)
#635E77 rgb(99,94,119) hsl(252,12%,42%)

Monochromatic colors

HEX RGB HSL
#7F8A9A rgb(127,138,154) hsl(216,12%,55%)
#6D7A8A rgb(109,122,138) hsl(213,12%,48%)
#5E6977 rgb(94,105,119) hsl(214,12%,42%)
#4E5963 rgb(78,89,99) hsl(209,12%,35%)
#3F4750 rgb(63,71,80) hsl(212,12%,28%)
#30363D rgb(48,54,61) hsl(212,12%,21%)

Triad color palettes

HEX RGB HSL
#5E6977 rgb(94,105,119) hsl(214,12%,42%)
#775E5E rgb(119,94,94) hsl(360,12%,42%)
#75785E rgb(117,120,94) hsl(67,12%,42%)

Tetrad color palettes

HEX RGB HSL
#5E6977 rgb(94,105,119) hsl(214,12%,42%)
#776B5E rgb(119,107,94) hsl(31,12%,42%)
#5E7577 rgb(94,117,119) hsl(185,12%,42%)
#75785E rgb(117,120,94) hsl(67,12%,42%)