At the moment, I have a dropdown trigger within the navbar of my website. I want it to have a little bit of "niceness" to it whenever a user hovers of it (to indicate that the element is indeed clickable).

This is what I have so far (when the use hovers over the element):

At the moment, I feel like the dark grey is a bit too intense (and it kind of overpowers the overlaying elements). And due to the way Chrome renders these colors (and the text), and it looks disgusting, in my opinion.

The main color for the website is #730aa2 (dark ish purple), so I tried fading in between a darker version of that & a lighter version, but none of them worked.

Would anyone have any color codes (HEX or RBG) that you think would suit as an underlaying hover color?

Thanks

At the moment, I have a dropdown trigger within the navbar of my website. I want it to have a little bit of "niceness" to it whenever a user hovers of it (to indicate that the element is indeed clickable).

This is what I have so far (when the use hovers over the element):

Navbar: #151515 Hover: #7b7b7b Text: #e6e6e6 Profile Picture (Background): #c0c0c0

At the moment, I feel like the dark grey is a bit too intense (and it kind of overpowers the overlaying elements). And due to the way Chrome renders these colors (and the text), and it looks disgusting, in my opinion.

The main color for the website is #730aa2 (dark ish purple), so I tried fading in between a darker version of that & a lighter version, but none of them worked.

Would anyone have any color codes (HEX or RBG) that you think would suit as an underlaying hover color?

Thanks