These are the colours that define the social web in 2017. 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
YouTube Red YouTube Red (new 2017)
Hex: #ff0000
RGB: 255, 0, 0
More YouTube new logo colours
182-linkedin-blue Linkedin Blue
Hex: #007bb5
RGB: 0, 123, 181
Instagram Red Orange
Hex: #e95950
RGB: 233, 89, 80
More Instagram new logo 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
Reddit Orange Reddit Orange
Hex: #ff4500
RGB: 255, 69, 0
More Reddit colours

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!


2 April, 2017

Added Reddit Orange and a full Reddit Colour Palette.

13 February, 2016

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

1 September, 2015

Added 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.


Related posts:

59 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)

    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 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.


  4. This is excellent! Thanks for adding sources! If you happen to find the official 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 *