HEX #677E7C color — Sirocco

The color #677e7c is a dark shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

677e7c color palette from light to dark

HEX RGB HSL
#f1f4f3 rgb(241,244,243) hsl(175,10%,95%)
#e3e8e8 rgb(227,232,232) hsl(175,10%,90%)
#d5dddc rgb(213,221,220) hsl(175,10%,85%)
#c7d1d0 rgb(199,209,208) hsl(175,10%,80%)
#b9c6c5 rgb(185,198,197) hsl(175,10%,75%)
#abbab9 rgb(171,186,185) hsl(175,10%,70%)
#9dafad rgb(157,175,173) hsl(175,10%,65%)
#8fa3a2 rgb(143,163,162) hsl(175,10%,60%)
#819896 rgb(129,152,150) hsl(175,10%,55%)
#738c8a rgb(115,140,138) hsl(175,10%,50%)
#677e7c rgb(103,126,124) hsl(175,10%,45%)
#5c706f rgb(92,112,111) hsl(175,10%,40%)
#506261 rgb(80,98,97) hsl(175,10%,35%)
#455453 rgb(69,84,83) hsl(175,10%,30%)
#394645 rgb(57,70,69) hsl(175,10%,25%)
#2e3837 rgb(46,56,55) hsl(175,10%,20%)
#222a29 rgb(34,42,41) hsl(175,10%,15%)
#171c1c rgb(23,28,28) hsl(175,10%,10%)
#0b0e0e rgb(11,14,14) hsl(175,10%,5%)

Adjacent colors

HEX RGB HSL
#677D6C rgb(103,125,108) hsl(134,10%,45%)
#677E7C rgb(103,126,124) hsl(175,10%,45%)
#67707E rgb(103,112,126) hsl(217,10%,45%)

Monochromatic colors

HEX RGB HSL
#8CA19F rgb(140,161,159) hsl(174,10%,59%)
#78918E rgb(120,145,142) hsl(173,10%,52%)
#677E7C rgb(103,126,124) hsl(175,10%,45%)
#566B68 rgb(86,107,104) hsl(171,11%,38%)
#465754 rgb(70,87,84) hsl(169,11%,31%)
#354240 rgb(53,66,64) hsl(171,11%,23%)

Triad color palettes

HEX RGB HSL
#677E7C rgb(103,126,124) hsl(175,10%,45%)
#7E6674 rgb(126,102,116) hsl(325,11%,45%)
#7E7067 rgb(126,112,103) hsl(23,10%,45%)

Tetrad color palettes

HEX RGB HSL
#677E7C rgb(103,126,124) hsl(175,10%,45%)
#7E6669 rgb(126,102,105) hsl(353,11%,45%)
#677D70 rgb(103,125,112) hsl(145,10%,45%)
#7E7067 rgb(126,112,103) hsl(23,10%,45%)