HEX #689C70 color — Laurel
The color #689C70 is a light shade and slightly desaturated.
Palette
689C70 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7f3 |
rgb(243,247,243) |
hsl(129,21%,96%) |
#e3ede5 |
rgb(227,237,229) |
hsl(129,21%,91%) |
#d4e3d6 |
rgb(212,227,214) |
hsl(129,21%,86%) |
#c4d9c7 |
rgb(196,217,199) |
hsl(129,21%,81%) |
#b5cfb9 |
rgb(181,207,185) |
hsl(129,21%,76%) |
#a6c5aa |
rgb(166,197,170) |
hsl(129,21%,71%) |
#96bb9c |
rgb(150,187,156) |
hsl(129,21%,66%) |
#87b08d |
rgb(135,176,141) |
hsl(129,21%,61%) |
#77a67e |
rgb(119,166,126) |
hsl(129,21%,56%) |
#689c70 |
rgb(104,156,112) |
hsl(129,21%,51%) |
#5d8e64 |
rgb(93,142,100) |
hsl(129,21%,46%) |
#537f59 |
rgb(83,127,89) |
hsl(129,21%,41%) |
#496f4e |
rgb(73,111,78) |
hsl(129,21%,36%) |
#3e6043 |
rgb(62,96,67) |
hsl(129,21%,31%) |
#345039 |
rgb(52,80,57) |
hsl(129,21%,26%) |
#2a412e |
rgb(42,65,46) |
hsl(129,21%,21%) |
#203123 |
rgb(32,49,35) |
hsl(129,21%,16%) |
#162218 |
rgb(22,34,24) |
hsl(129,21%,11%) |
#0c130d |
rgb(12,19,13) |
hsl(129,21%,6%) |
#020302 |
rgb(2,3,2) |
hsl(129,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#829C68 |
rgb(130,156,104) |
hsl(90,21%,51%) |
#689C70 |
rgb(104,156,112) |
hsl(129,21%,51%) |
#689C92 |
rgb(104,156,146) |
hsl(168,21%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9ABD9F |
rgb(154,189,159) |
hsl(129,21%,67%) |
#81AD87 |
rgb(129,173,135) |
hsl(128,21%,59%) |
#689C70 |
rgb(104,156,112) |
hsl(129,21%,51%) |
#56855D |
rgb(86,133,93) |
hsl(129,21%,43%) |
#466B4B |
rgb(70,107,75) |
hsl(128,21%,35%) |
#355239 |
rgb(53,82,57) |
hsl(128,21%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#689C70 |
rgb(104,156,112) |
hsl(129,21%,51%) |
#8A699C |
rgb(138,105,156) |
hsl(279,20%,51%) |
#9C697A |
rgb(156,105,122) |
hsl(340,20%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689C70 |
rgb(104,156,112) |
hsl(129,21%,51%) |
#9C6994 |
rgb(156,105,148) |
hsl(309,20%,51%) |
#7A9C68 |
rgb(122,156,104) |
hsl(99,21%,51%) |
#9C697A |
rgb(156,105,122) |
hsl(340,20%,51%) |