These are the colours that define the social web in 2015. Most of the colours come directly from the logos of their respective brands.

To see more colours from the same website, click “more (name) colours”. If we have missed any social media colours, please let us know in the comments.

900 Social Media Icons for $6
Get 900 Social Media Icons for $6
Facebook Blue Facebook Blue
Hex: #3b5998
RGB: 59, 89, 152
More Facebook colours
Twitter Blue Twitter Blue
Hex: #55acee
RGB: 85, 172, 238
More Twitter colours
182-googleplus-red Google+ Red
Hex: #dd4b39
RGB: 221, 75, 57
182-youtube-red YouTube Red
Hex: #bb0000
RGB: 187, 0, 0
182-linkedin-blue Linkedin Blue
Hex: #007bb5
RGB: 0, 123, 181
#fccc63
NEW Instagram Red Orange
Hex: #e95950
RGB: 233, 89, 80
More Instagram new logo colours
Instagram Blue Instagram Blue
Hex: #125688
RGB: 18, 86, 136
More Instagram colours
WhatsApp Green WhatsApp Green
Hex: #4dc247
RGB: 77, 194, 71
182-pinterest-red Pinterest Red
Hex: #cb2027
RGB: 203, 32, 39
Vine Green Vine Green
Hex: #00bf8f
RGB: 0, 191, 143
Snapchat Yellow Snapchat Yellow
Hex: #fffc00
RGB: 255, 252, 0
Quora Burgundy Quora Burgundy
Hex: #a82400
RGB: 168, 36, 0
Dropbox Blue Dropbox Blue
Hex: #007ee5
RGB: 0, 126, 229
182-flickr-pink Flickr Pink
Hex: #ff0084
RGB: 255, 0, 132
182-tumblr-dark-turquoise Tumblr Dark Turquoise
Hex: #32506d
RGB: 50, 80, 109
182-vk-blue VK Blue
Hex: #45668e
RGB: 69, 102, 142
319-vimeo-green Vimeo Green
Hex: #aad450
RGB: 170, 212, 80
More Vimeo colours
182-foursquare-logo-blue Foursquare Logo Blue
Hex: #0072b1
RGB: 0, 114, 177
Spotify Green Spotify Green
Hex: #00e461
RGB: 0, 228, 97
Github Black Github Black
Hex: #000000
RGB: 0, 0, 0
Behance Blue Behance Blue
Hex: #1769ff
RGB: 23, 105, 255
RSS Orange RSS Orange
Hex: #ff6600
RGB: 255, 102, 0

SEE ALSO: Social Media Vector Logos and Social Media Fonts

Have we missed a website you want included? Please let us know in the comments below!

Updates

13 February, 2016

Updated Twitter Blue and added Spotify Green, GitHub Black, Behance Blue and RSS Orange.

1 September, 2015

Adde a full Instagram Colour Palette.

31 August, 2015

Corrected Instagram Blue and LinkedIn Blue. Added WhatsApp Green and Dropbox Blue.

9 July, 2014

Added Vine Green and Snapchat Yellow.

17 January, 2013

Added colour for Quora Burgundy.

29 December, 2012

Fixed the colours for Twitter Blue, Google+ Red, Vimeo Green, Linkedin Blue, Instagram Blue, Flickr Pink, Tumblr and Foursquare. Sources were cited for Facebook Blue, Twitter Blue, Google+ Red, YouTube Red, Vimeo Green, Linkedin Blue, Instagram Blue, Pinterest Red, Flickr Pink, Tumblr Dark Turquoise and Foursquare Logo Blue.

Sources

Related posts:

58 thoughts on “Social Media Colours – Hex and RGB Colours of the Web”

    1. Aww, man! I will have to go through and verify them all and add my sources. Thanks so much for checking up on those. I have updated the errors and will let you know once I’ve checked up on the rest.

    1. Great list and nice presentation, Galen! I’m doing a set of one-color social media icons and this was JUST what I needed. I’d love to see sources/additional colors added in the future too 🙂

  1. Thanks for the quick reference guide. I was able to use these to create graphics in the links below. (Had to wing it for Blogger and RSS feed though)

    http://www.flickr.com/photos/mkhmarketing/8539048913/in/photostream
    http://mkhmarketing.wordpress.com

    I’m a grad student working on an emerging media class. As part of a “buzz-building” assignment I decided to experiment and create social media-themed images available under a create commons license to see if it would build traffic. So far Flickr is working great, Pinterest is OK, and Reddit is fabulous if my psyche can cope with all the down votes!

    Wish I had found your site sooner…

  2. This is excellent! Thanks for adding sources! If you happen to find the official Behance.net logo color, that’d be helpful: all their logos I’ve seen have gradients so sampling the right color is iffy.

  3. Thank you for the post and for keeping it up to date. I did have to go to another website to find Behance- something someone else asked for here several times and either it wasn’t answered or I missed it in skimming.

    Behance: #1769ff

    Thanks again, it was quite helpful.

    Cheers.

  4. This is excellent! Thanks for adding sources! If you happen to find the official Behance.net logo color, that’d be helpful: all their logos I’ve seen have gradients so sampling the right color is iffy.

Leave a Reply

Your email address will not be published. Required fields are marked *