HEX #55676D color — Shuttle Gray

The color #55676d is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

55676d color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(195,12%,98%)
#ebeeef rgb(235,238,239) hsl(195,12%,93%)
#dde2e4 rgb(221,226,228) hsl(195,12%,88%)
#ced6d9 rgb(206,214,217) hsl(195,12%,83%)
#c0cace rgb(192,202,206) hsl(195,12%,78%)
#b2bec2 rgb(178,190,194) hsl(195,12%,73%)
#a4b2b7 rgb(164,178,183) hsl(195,12%,68%)
#95a6ac rgb(149,166,172) hsl(195,12%,63%)
#879aa1 rgb(135,154,161) hsl(195,12%,58%)
#798e96 rgb(121,142,150) hsl(195,12%,53%)
#6c8289 rgb(108,130,137) hsl(195,12%,48%)
#60747b rgb(96,116,123) hsl(195,12%,43%)
#55676d rgb(85,103,109) hsl(195,12%,38%)
#4a595e rgb(74,89,94) hsl(195,12%,33%)
#3f4c50 rgb(63,76,80) hsl(195,12%,28%)
#343e42 rgb(52,62,66) hsl(195,12%,23%)
#283133 rgb(40,49,51) hsl(195,12%,18%)
#1d2325 rgb(29,35,37) hsl(195,12%,13%)
#121617 rgb(18,22,23) hsl(195,12%,8%)
#070809 rgb(7,8,9) hsl(195,12%,3%)

Adjacent colors

HEX RGB HSL
#556E63 rgb(85,110,99) hsl(154,13%,38%)
#55676D rgb(85,103,109) hsl(195,12%,38%)
#55576D rgb(85,87,109) hsl(235,12%,38%)

Monochromatic colors

HEX RGB HSL
#62787E rgb(98,120,126) hsl(193,13%,44%)
#55676D rgb(85,103,109) hsl(195,12%,38%)
#47575B rgb(71,87,91) hsl(192,12%,32%)
#39454A rgb(57,69,74) hsl(198,13%,26%)
#2C3638 rgb(44,54,56) hsl(190,12%,20%)
#1E2627 rgb(30,38,39) hsl(187,13%,14%)

Triad color palettes

HEX RGB HSL
#55676D rgb(85,103,109) hsl(195,12%,38%)
#6D545B rgb(109,84,91) hsl(343,13%,38%)
#6D6655 rgb(109,102,85) hsl(43,12%,38%)

Tetrad color palettes

HEX RGB HSL
#55676D rgb(85,103,109) hsl(195,12%,38%)
#6D5C55 rgb(109,92,85) hsl(18,12%,38%)
#556E67 rgb(85,110,103) hsl(163,13%,38%)
#6D6655 rgb(109,102,85) hsl(43,12%,38%)