HEX #56666E color — Shuttle Gray
The color #56666E is a dark shade and slightly desaturated.
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%) |