HEX #677D8E color — Slate Gray
The color #677d8e is a dark shade and slightly desaturated.
Palette
677d8e color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(206,16%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(206,16%,93%) |
#dce1e5 |
rgb(220,225,229) |
hsl(206,16%,88%) |
#cdd5db |
rgb(205,213,219) |
hsl(206,16%,83%) |
#bec8d0 |
rgb(190,200,208) |
hsl(206,16%,78%) |
#afbcc5 |
rgb(175,188,197) |
hsl(206,16%,73%) |
#a0afba |
rgb(160,175,186) |
hsl(206,16%,68%) |
#92a3b0 |
rgb(146,163,176) |
hsl(206,16%,63%) |
#8396a5 |
rgb(131,150,165) |
hsl(206,16%,58%) |
#748a9a |
rgb(116,138,154) |
hsl(206,16%,53%) |
#677d8e |
rgb(103,125,142) |
hsl(206,16%,48%) |
#5c707f |
rgb(92,112,127) |
hsl(206,16%,43%) |
#516370 |
rgb(81,99,112) |
hsl(206,16%,38%) |
#475662 |
rgb(71,86,98) |
hsl(206,16%,33%) |
#3c4953 |
rgb(60,73,83) |
hsl(206,16%,28%) |
#313c44 |
rgb(49,60,68) |
hsl(206,16%,23%) |
#272f35 |
rgb(39,47,53) |
hsl(206,16%,18%) |
#1c2226 |
rgb(28,34,38) |
hsl(206,16%,13%) |
#111518 |
rgb(17,21,24) |
hsl(206,16%,8%) |
#060809 |
rgb(6,8,9) |
hsl(206,16%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#678F85 |
rgb(103,143,133) |
hsl(165,16%,48%) |
#677D8E |
rgb(103,125,142) |
hsl(206,16%,48%) |
#6B668E |
rgb(107,102,142) |
hsl(248,16%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92A3B0 |
rgb(146,163,176) |
hsl(206,16%,63%) |
#7C91A0 |
rgb(124,145,160) |
hsl(205,16%,56%) |
#677D8E |
rgb(103,125,142) |
hsl(206,16%,48%) |
#566977 |
rgb(86,105,119) |
hsl(205,16%,40%) |
#465460 |
rgb(70,84,96) |
hsl(208,16%,33%) |
#354049 |
rgb(53,64,73) |
hsl(207,16%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#677D8E |
rgb(103,125,142) |
hsl(206,16%,48%) |
#8E6669 |
rgb(142,102,105) |
hsl(356,16%,48%) |
#8E8C67 |
rgb(142,140,103) |
hsl(57,16%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677D8E |
rgb(103,125,142) |
hsl(206,16%,48%) |
#8E7867 |
rgb(142,120,103) |
hsl(26,16%,48%) |
#678F8B |
rgb(103,143,139) |
hsl(174,16%,48%) |
#8E8C67 |
rgb(142,140,103) |
hsl(57,16%,48%) |