Logo color change on hover

I would like to change the color of just my logo when I mouseover (it's a png). I think I have to create a copy of my logo and swap out, in my case with pantone green. My website: http://techiesnation.com/ Proposed code? #site-logo:hover { background: url(http://techiesnation.com/wp-content/uploads/2014/03/cropped-TechiesNationLogoBasegreen.png) no-repeat; }