HEX #677C7E color — Sirocco
The color #677c7e is a dark shade and desaturated.
Palette
677c7e color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f3f4 |
rgb(241,243,244) |
hsl(185,10%,95%) |
| #e3e8e8 |
rgb(227,232,232) |
hsl(185,10%,90%) |
| #d5dcdd |
rgb(213,220,221) |
hsl(185,10%,85%) |
| #c7d0d1 |
rgb(199,208,209) |
hsl(185,10%,80%) |
| #b9c5c6 |
rgb(185,197,198) |
hsl(185,10%,75%) |
| #abb9ba |
rgb(171,185,186) |
hsl(185,10%,70%) |
| #9dadaf |
rgb(157,173,175) |
hsl(185,10%,65%) |
| #8fa2a3 |
rgb(143,162,163) |
hsl(185,10%,60%) |
| #819698 |
rgb(129,150,152) |
hsl(185,10%,55%) |
| #738a8c |
rgb(115,138,140) |
hsl(185,10%,50%) |
| #677c7e |
rgb(103,124,126) |
hsl(185,10%,45%) |
| #5c6f70 |
rgb(92,111,112) |
hsl(185,10%,40%) |
| #506162 |
rgb(80,97,98) |
hsl(185,10%,35%) |
| #455354 |
rgb(69,83,84) |
hsl(185,10%,30%) |
| #394546 |
rgb(57,69,70) |
hsl(185,10%,25%) |
| #2e3738 |
rgb(46,55,56) |
hsl(185,10%,20%) |
| #22292a |
rgb(34,41,42) |
hsl(185,10%,15%) |
| #171c1c |
rgb(23,28,28) |
hsl(185,10%,10%) |
| #0b0e0e |
rgb(11,14,14) |
hsl(185,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #677D70 |
rgb(103,125,112) |
hsl(145,10%,45%) |
| #677C7E |
rgb(103,124,126) |
hsl(185,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%) |
| #788F91 |
rgb(120,143,145) |
hsl(185,10%,52%) |
| #677C7E |
rgb(103,124,126) |
hsl(185,10%,45%) |
| #566969 |
rgb(86,105,105) |
hsl(180,10%,37%) |
| #465455 |
rgb(70,84,85) |
hsl(184,10%,30%) |
| #354041 |
rgb(53,64,65) |
hsl(185,10%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #677C7E |
rgb(103,124,126) |
hsl(185,10%,45%) |
| #7E6670 |
rgb(126,102,112) |
hsl(335,11%,45%) |
| #7E7567 |
rgb(126,117,103) |
hsl(37,10%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #677C7E |
rgb(103,124,126) |
hsl(185,10%,45%) |
| #7E6967 |
rgb(126,105,103) |
hsl(5,10%,45%) |
| #677D74 |
rgb(103,125,116) |
hsl(155,10%,45%) |
| #7E7567 |
rgb(126,117,103) |
hsl(37,10%,45%) |
