HEX #677D77 color — Sirocco
The color #677D77 is a dark shade and desaturated.
Palette
677D77 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f3 |
rgb(241,244,243) |
hsl(164,10%,95%) |
#e3e8e7 |
rgb(227,232,231) |
hsl(164,10%,90%) |
#d5dddb |
rgb(213,221,219) |
hsl(164,10%,85%) |
#c7d1ce |
rgb(199,209,206) |
hsl(164,10%,80%) |
#b9c6c2 |
rgb(185,198,194) |
hsl(164,10%,75%) |
#abbab6 |
rgb(171,186,182) |
hsl(164,10%,70%) |
#9dafaa |
rgb(157,175,170) |
hsl(164,10%,65%) |
#8fa39e |
rgb(143,163,158) |
hsl(164,10%,60%) |
#819892 |
rgb(129,152,146) |
hsl(164,10%,55%) |
#738c85 |
rgb(115,140,133) |
hsl(164,10%,50%) |
#677e78 |
rgb(103,126,120) |
hsl(164,10%,45%) |
#5c706b |
rgb(92,112,107) |
hsl(164,10%,40%) |
#50625d |
rgb(80,98,93) |
hsl(164,10%,35%) |
#455450 |
rgb(69,84,80) |
hsl(164,10%,30%) |
#394643 |
rgb(57,70,67) |
hsl(164,10%,25%) |
#2e3835 |
rgb(46,56,53) |
hsl(164,10%,20%) |
#222a28 |
rgb(34,42,40) |
hsl(164,10%,15%) |
#171c1b |
rgb(23,28,27) |
hsl(164,10%,10%) |
#0b0e0d |
rgb(11,14,13) |
hsl(164,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#677D68 |
rgb(103,125,104) |
hsl(123,10%,45%) |
#677D77 |
rgb(103,125,119) |
hsl(164,10%,45%) |
#67757D |
rgb(103,117,125) |
hsl(202,10%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CA19B |
rgb(140,161,155) |
hsl(163,10%,59%) |
#789189 |
rgb(120,145,137) |
hsl(161,10%,52%) |
#677D77 |
rgb(103,125,119) |
hsl(164,10%,45%) |
#566963 |
rgb(86,105,99) |
hsl(161,10%,37%) |
#465450 |
rgb(70,84,80) |
hsl(163,9%,30%) |
#35403D |
rgb(53,64,61) |
hsl(164,9%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#677D77 |
rgb(103,125,119) |
hsl(164,10%,45%) |
#7D6678 |
rgb(125,102,120) |
hsl(313,10%,45%) |
#7D6B67 |
rgb(125,107,103) |
hsl(11,10%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677D77 |
rgb(103,125,119) |
hsl(164,10%,45%) |
#7D666D |
rgb(125,102,109) |
hsl(342,10%,45%) |
#677D6C |
rgb(103,125,108) |
hsl(134,10%,45%) |
#7D6B67 |
rgb(125,107,103) |
hsl(11,10%,45%) |