Same color. Why does it look different?

I’m making an icon for an Android app I’m developing. Android comes with icons for a lot of things, but I had to make my own to symbolize vibration being off. I’m using the same color, and when I look at them side by side on my computer they look the same. When I look at them on the phone, though, my icon looks more washed out. Is there a technical reason for this, or is it a psychological thing, and what can I do to make them look the same? Does it have to do with the transparency, and if it does, how can I figure out the right value?

Stock Android icon
My icon

Here’s a screenshot of them on the phone. They’re next to eachother and towards the bottom of the screen:

enter image description here

Answer

I think you might be better off using a black icon and reducing its opacity to 50%. Or, perhaps use solid #6d6d6d as opposed to what you seem to be using (#858585).

Attribution
Source : Link , Question Author : Michael Marvick , Answer Author : KJP

Leave a Comment