HEX #56666E color — Shuttle Gray

The color #56666E is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

56666E color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(200,12%,98%)
#ebeeef rgb(235,238,239) hsl(200,12%,93%)
#dde2e4 rgb(221,226,228) hsl(200,12%,88%)
#ced5d9 rgb(206,213,217) hsl(200,12%,83%)
#c0c9ce rgb(192,201,206) hsl(200,12%,78%)
#b2bdc2 rgb(178,189,194) hsl(200,12%,73%)
#a4b1b7 rgb(164,177,183) hsl(200,12%,68%)
#95a4ac rgb(149,164,172) hsl(200,12%,63%)
#8798a1 rgb(135,152,161) hsl(200,12%,58%)
#798c96 rgb(121,140,150) hsl(200,12%,53%)
#6c7f89 rgb(108,127,137) hsl(200,12%,48%)
#60727b rgb(96,114,123) hsl(200,12%,43%)
#55656d rgb(85,101,109) hsl(200,12%,38%)
#4a585e rgb(74,88,94) hsl(200,12%,33%)
#3f4a50 rgb(63,74,80) hsl(200,12%,28%)
#343d42 rgb(52,61,66) hsl(200,12%,23%)
#283033 rgb(40,48,51) hsl(200,12%,18%)
#1d2225 rgb(29,34,37) hsl(200,12%,13%)
#121517 rgb(18,21,23) hsl(200,12%,8%)
#070809 rgb(7,8,9) hsl(200,12%,3%)

Adjacent colors

HEX RGB HSL
#566E66 rgb(86,110,102) hsl(160,12%,38%)
#56666E rgb(86,102,110) hsl(200,12%,38%)
#56576E rgb(86,87,110) hsl(238,12%,38%)

Monochromatic colors

HEX RGB HSL
#63757F rgb(99,117,127) hsl(201,12%,44%)
#56666E rgb(86,102,110) hsl(200,12%,38%)
#48575C rgb(72,87,92) hsl(195,12%,32%)
#3A454A rgb(58,69,74) hsl(199,12%,26%)
#2C3639 rgb(44,54,57) hsl(194,13%,20%)
#1E2427 rgb(30,36,39) hsl(200,13%,14%)

Triad color palettes

HEX RGB HSL
#56666E rgb(86,102,110) hsl(200,12%,38%)
#6E575A rgb(110,87,90) hsl(352,12%,39%)
#6E6B56 rgb(110,107,86) hsl(53,12%,38%)

Tetrad color palettes

HEX RGB HSL
#56666E rgb(86,102,110) hsl(200,12%,38%)
#6E5E56 rgb(110,94,86) hsl(20,12%,38%)
#566E6A rgb(86,110,106) hsl(170,12%,38%)
#6E6B56 rgb(110,107,86) hsl(53,12%,38%)