HEX #677E7C color — Sirocco
The color #677e7c is a dark shade and desaturated.
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%) |