It is always a good idea to use the official color for the social icons to make them good looking. For example Facebook uses #3b5998 color code for the icon and you should also use the same color for all Facebook icons on your site. Unfortunately there is no single page on the web offering all color codes for social icons which you can refer. Whenever creating social icons widget we navigate to different sites for getting the actual color codes used for the icons.
Color Codes for Social Networking Icons
In order to help ourselves and other designers, here we made the complete list of color codes for popular social networking icons like Facebook, Twitter, Pinterest, etc. The color code values are shown in RGB and Hex Code along with real visibility of the color. When multiple colors are used on an icon we have chosen the most predominant single color or used gradient to display multiple colors.
| Social Networking Site | RGB Values | Hex Code | Color Visibility |
| 59,89,152 | #3b5998 | ||
| 85,172,238 | #55acee | ||
| Google+ | 220,78,65 | #dc4e41 | |
| 189,8,28 | #bd081c | ||
| 0,119,181 | #0077b5 | ||
| Digg | 0,0,0 | #000000 | |
| Delicious | 51,153,255 | #3399ff | |
| Stumbleupon | 235,73,36 | #eb4924 | |
| Tumblr | 53,70,92 | #00405d | |
| Vkontakte | 69,102,142 | #45668e | |
| Flattr | 246,124,26 / 51,141,17 | #f67c1a / #338d11 | |
| 255,69,0 | #ff4500 | ||
| Buffer | 0, 0, 0 | #000000 | |
| 206,17,38 | #ce1126 | ||
| 239,64,86 | #ef4056 | ||
| 2,100,102 / 207,220,0 | #026466 / #cfdc00 | ||
| Odnoklassniki | 237,129,43 | #ed812b | |
| 67,216,84 | #43d854 | ||
| Menéame | 255,100,0 | #ff6400 | |
| Blogger | 245,125,0 | #f57d00 | |
| Amazon | 0,0,0 / 255,153,0 | #000000 / #ff9900 | |
| Yahoo Mail | 65,0,147 | #410093 | |
| Gmail | 234,67,53 | #ea4335 | |
| Newsvine | 0,180,136 | #00b488 | |
| Evernote | 45,190,96 | #2dbe60 | |
| MySpace | 0, 64, 93 | #00405d | |
| Viadeo | 240,115,85 | #f07355 | |
| Line | 0,195,0 | #00c300 | |
| 225,40,40 | #e12828 | ||
| Yummly | 0, 64, 93 | #00405d | |
| Viber | 0, 64, 93 | #00405d | |
| Telegram | 0, 64, 93 | #00405d | |
| 63,114,155 | #3f729b | ||
| YouTube | 205,32,31 | #cd201f | |
| Vimeo | 26,183,234 | #1ab7ea | |
| Foursquare | 0, 64, 93 | #00405d | |
| Behance | 23,105,255 | #1769ff | |
| Github | 0, 64, 93 | #00405d | |
| Skype | 0,175,240 | #00aff0 | |
| Snapchat | 255,250,55 | #fffa37 |
If you feel any social networking site is missing, feel free to comment so that we will update the list.
1 Comment
Leave your reply.