HEX #686C7D color — Storm Gray
The color #686c7d is a dark shade and desaturated.
Palette
686c7d color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f3 |
rgb(241,242,243) |
hsl(229,9%,95%) |
| #e3e4e8 |
rgb(227,228,232) |
hsl(229,9%,90%) |
| #d5d7dc |
rgb(213,215,220) |
hsl(229,9%,85%) |
| #c7c9d1 |
rgb(199,201,209) |
hsl(229,9%,80%) |
| #babcc5 |
rgb(186,188,197) |
hsl(229,9%,75%) |
| #acaeb9 |
rgb(172,174,185) |
hsl(229,9%,70%) |
| #9ea1ae |
rgb(158,161,174) |
hsl(229,9%,65%) |
| #9093a2 |
rgb(144,147,162) |
hsl(229,9%,60%) |
| #828697 |
rgb(130,134,151) |
hsl(229,9%,55%) |
| #74788b |
rgb(116,120,139) |
hsl(229,9%,50%) |
| #686c7d |
rgb(104,108,125) |
hsl(229,9%,45%) |
| #5d606f |
rgb(93,96,111) |
hsl(229,9%,40%) |
| #515461 |
rgb(81,84,97) |
hsl(229,9%,35%) |
| #464853 |
rgb(70,72,83) |
hsl(229,9%,30%) |
| #3a3c45 |
rgb(58,60,69) |
hsl(229,9%,25%) |
| #2e3038 |
rgb(46,48,56) |
hsl(229,9%,20%) |
| #23242a |
rgb(35,36,42) |
hsl(229,9%,15%) |
| #17181c |
rgb(23,24,28) |
hsl(229,9%,10%) |
| #0c0c0e |
rgb(12,12,14) |
hsl(229,9%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #687A7D |
rgb(104,122,125) |
hsl(189,9%,45%) |
| #686C7D |
rgb(104,108,125) |
hsl(229,9%,45%) |
| #72697D |
rgb(114,105,125) |
hsl(267,9%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8D91A0 |
rgb(141,145,160) |
hsl(227,9%,59%) |
| #797D90 |
rgb(121,125,144) |
hsl(230,9%,52%) |
| #686C7D |
rgb(104,108,125) |
hsl(229,9%,45%) |
| #575C69 |
rgb(87,92,105) |
hsl(223,9%,38%) |
| #464A55 |
rgb(70,74,85) |
hsl(224,10%,30%) |
| #363841 |
rgb(54,56,65) |
hsl(229,9%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #686C7D |
rgb(104,108,125) |
hsl(229,9%,45%) |
| #7D6E68 |
rgb(125,110,104) |
hsl(17,9%,45%) |
| #767D68 |
rgb(118,125,104) |
hsl(80,9%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #686C7D |
rgb(104,108,125) |
hsl(229,9%,45%) |
| #7D7868 |
rgb(125,120,104) |
hsl(46,9%,45%) |
| #68757D |
rgb(104,117,125) |
hsl(203,9%,45%) |
| #767D68 |
rgb(118,125,104) |
hsl(80,9%,45%) |
