HEX #677E7E color — Sirocco
The color #677e7e is a dark shade and desaturated.
Palette
677e7e color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f4f4 |
rgb(241,244,244) |
hsl(180,10%,95%) |
| #e3e8e8 |
rgb(227,232,232) |
hsl(180,10%,90%) |
| #d5dddd |
rgb(213,221,221) |
hsl(180,10%,85%) |
| #c7d1d1 |
rgb(199,209,209) |
hsl(180,10%,80%) |
| #b9c6c6 |
rgb(185,198,198) |
hsl(180,10%,75%) |
| #abbaba |
rgb(171,186,186) |
hsl(180,10%,70%) |
| #9dafaf |
rgb(157,175,175) |
hsl(180,10%,65%) |
| #8fa3a3 |
rgb(143,163,163) |
hsl(180,10%,60%) |
| #819898 |
rgb(129,152,152) |
hsl(180,10%,55%) |
| #738c8c |
rgb(115,140,140) |
hsl(180,10%,50%) |
| #677e7e |
rgb(103,126,126) |
hsl(180,10%,45%) |
| #5c7070 |
rgb(92,112,112) |
hsl(180,10%,40%) |
| #506262 |
rgb(80,98,98) |
hsl(180,10%,35%) |
| #455454 |
rgb(69,84,84) |
hsl(180,10%,30%) |
| #394646 |
rgb(57,70,70) |
hsl(180,10%,25%) |
| #2e3838 |
rgb(46,56,56) |
hsl(180,10%,20%) |
| #222a2a |
rgb(34,42,42) |
hsl(180,10%,15%) |
| #171c1c |
rgb(23,28,28) |
hsl(180,10%,10%) |
| #0b0e0e |
rgb(11,14,14) |
hsl(180,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #677D6E |
rgb(103,125,110) |
hsl(139,10%,45%) |
| #677E7E |
rgb(103,126,126) |
hsl(180,10%,45%) |
| #676E7E |
rgb(103,110,126) |
hsl(222,10%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8CA1A1 |
rgb(140,161,161) |
hsl(180,10%,59%) |
| #789191 |
rgb(120,145,145) |
hsl(180,10%,52%) |
| #677E7E |
rgb(103,126,126) |
hsl(180,10%,45%) |
| #566B69 |
rgb(86,107,105) |
hsl(174,11%,38%) |
| #465755 |
rgb(70,87,85) |
hsl(173,11%,31%) |
| #354241 |
rgb(53,66,65) |
hsl(175,11%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #677E7E |
rgb(103,126,126) |
hsl(180,10%,45%) |
| #7E6672 |
rgb(126,102,114) |
hsl(330,11%,45%) |
| #7E7367 |
rgb(126,115,103) |
hsl(31,10%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #677E7E |
rgb(103,126,126) |
hsl(180,10%,45%) |
| #7E6667 |
rgb(126,102,103) |
hsl(358,11%,45%) |
| #677D72 |
rgb(103,125,114) |
hsl(150,10%,45%) |
| #7E7367 |
rgb(126,115,103) |
hsl(31,10%,45%) |
