HEX #56666D color — Shuttle Gray
The color #56666D is a dark shade and slightly desaturated.
Palette
56666D color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(198,12%,98%) |
#ebeeef |
rgb(235,238,239) |
hsl(198,12%,93%) |
#dde2e4 |
rgb(221,226,228) |
hsl(198,12%,88%) |
#ced6d9 |
rgb(206,214,217) |
hsl(198,12%,83%) |
#c0cace |
rgb(192,202,206) |
hsl(198,12%,78%) |
#b2bdc2 |
rgb(178,189,194) |
hsl(198,12%,73%) |
#a4b1b7 |
rgb(164,177,183) |
hsl(198,12%,68%) |
#95a5ac |
rgb(149,165,172) |
hsl(198,12%,63%) |
#8799a1 |
rgb(135,153,161) |
hsl(198,12%,58%) |
#798d96 |
rgb(121,141,150) |
hsl(198,12%,53%) |
#6c8089 |
rgb(108,128,137) |
hsl(198,12%,48%) |
#60737b |
rgb(96,115,123) |
hsl(198,12%,43%) |
#55666d |
rgb(85,102,109) |
hsl(198,12%,38%) |
#4a585e |
rgb(74,88,94) |
hsl(198,12%,33%) |
#3f4b50 |
rgb(63,75,80) |
hsl(198,12%,28%) |
#343d42 |
rgb(52,61,66) |
hsl(198,12%,23%) |
#283033 |
rgb(40,48,51) |
hsl(198,12%,18%) |
#1d2325 |
rgb(29,35,37) |
hsl(198,12%,13%) |
#121517 |
rgb(18,21,23) |
hsl(198,12%,8%) |
#070809 |
rgb(7,8,9) |
hsl(198,12%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#566E64 |
rgb(86,110,100) |
hsl(155,12%,38%) |
#56666D |
rgb(86,102,109) |
hsl(198,12%,38%) |
#56576D |
rgb(86,87,109) |
hsl(237,12%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#63757E |
rgb(99,117,126) |
hsl(200,12%,44%) |
#56666D |
rgb(86,102,109) |
hsl(198,12%,38%) |
#48575B |
rgb(72,87,91) |
hsl(193,12%,32%) |
#3A454A |
rgb(58,69,74) |
hsl(199,12%,26%) |
#2C3638 |
rgb(44,54,56) |
hsl(190,12%,20%) |
#1E2427 |
rgb(30,36,39) |
hsl(200,13%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#56666D |
rgb(86,102,109) |
hsl(198,12%,38%) |
#6D575A |
rgb(109,87,90) |
hsl(352,11%,38%) |
#6D6956 |
rgb(109,105,86) |
hsl(50,12%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#56666D |
rgb(86,102,109) |
hsl(198,12%,38%) |
#6D5C56 |
rgb(109,92,86) |
hsl(16,12%,38%) |
#566E68 |
rgb(86,110,104) |
hsl(165,12%,38%) |
#6D6956 |
rgb(109,105,86) |
hsl(50,12%,38%) |