HEX #677D85 color — Slate Gray
The color #677D85 is a dark shade and slightly desaturated.
Palette
677D85 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(196,13%,96%) |
#e5e9eb |
rgb(229,233,235) |
hsl(196,13%,91%) |
#d7dde0 |
rgb(215,221,224) |
hsl(196,13%,86%) |
#c8d1d5 |
rgb(200,209,213) |
hsl(196,13%,81%) |
#bac6ca |
rgb(186,198,202) |
hsl(196,13%,76%) |
#abbabf |
rgb(171,186,191) |
hsl(196,13%,71%) |
#9daeb4 |
rgb(157,174,180) |
hsl(196,13%,66%) |
#8fa2a8 |
rgb(143,162,168) |
hsl(196,13%,61%) |
#80969d |
rgb(128,150,157) |
hsl(196,13%,56%) |
#728a92 |
rgb(114,138,146) |
hsl(196,13%,51%) |
#667c85 |
rgb(102,124,133) |
hsl(196,13%,46%) |
#5b6f76 |
rgb(91,111,118) |
hsl(196,13%,41%) |
#506168 |
rgb(80,97,104) |
hsl(196,13%,36%) |
#455459 |
rgb(69,84,89) |
hsl(196,13%,31%) |
#3a464b |
rgb(58,70,75) |
hsl(196,13%,26%) |
#2f393d |
rgb(47,57,61) |
hsl(196,13%,21%) |
#232b2e |
rgb(35,43,46) |
hsl(196,13%,16%) |
#181e20 |
rgb(24,30,32) |
hsl(196,13%,11%) |
#0d1011 |
rgb(13,16,17) |
hsl(196,13%,6%) |
#020303 |
rgb(2,3,3) |
hsl(196,13%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#678579 |
rgb(103,133,121) |
hsl(156,13%,46%) |
#677D85 |
rgb(103,125,133) |
hsl(196,13%,46%) |
#676985 |
rgb(103,105,133) |
hsl(236,13%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8FA1A8 |
rgb(143,161,168) |
hsl(197,13%,61%) |
#798F97 |
rgb(121,143,151) |
hsl(196,13%,53%) |
#677D85 |
rgb(103,125,133) |
hsl(196,13%,46%) |
#56696F |
rgb(86,105,111) |
hsl(194,13%,39%) |
#46545A |
rgb(70,84,90) |
hsl(198,13%,31%) |
#354045 |
rgb(53,64,69) |
hsl(199,13%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#677D85 |
rgb(103,125,133) |
hsl(196,13%,46%) |
#85666E |
rgb(133,102,110) |
hsl(345,13%,46%) |
#857D67 |
rgb(133,125,103) |
hsl(44,13%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677D85 |
rgb(103,125,133) |
hsl(196,13%,46%) |
#857067 |
rgb(133,112,103) |
hsl(18,13%,46%) |
#67857E |
rgb(103,133,126) |
hsl(166,13%,46%) |
#857D67 |
rgb(133,125,103) |
hsl(44,13%,46%) |