You are on page 1of 16

pdfcrowd.com open in browser PRO version Are you a developer?

Try out the HTML to PDF API


Social Media Colours Hex and
RGB Colours of the Web
Home Colour Design Reference Social Media Colours Hex and
RGB Colours of the Web
These are the colours that define the social web in 2014. 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.
SEE ALSO: Social Media Vector Logos and Social Media Fonts
Facebook Blue
Hex: #3b5998
Sponsored
Nick Georgiou Colour, Design, Reference December 28 2012
24 Comments
Search the site Search
Go to...
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
RGB: 59, 89, 152
More Facebook colours
Twitter Blue
Hex: #00aced
RGB: 0, 172, 237
More Twitter colours
Google+ Red
Hex: #dd4b39
RGB: 221, 75, 57
YouTube Red
Hex: #bb0000
RGB: 187, 0, 0
Linkedin Blue
Hex: #007bb6
RGB: 0, 123, 182
Instagram Blue
Hex: #517fa4
RGB: 81, 127, 164
Social Media
Colours Hex and
RGB Colours of the
Web
December 28, 2012
Display an
Instagram f eed on
a website using
jQuery
February 28, 2013
10 Instagram-style
f ilters f or
Photoshop
January 16, 2013
PopularRecent
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Pinterest Red
Hex: #cb2027
RGB: 203, 32, 39
Vine Green
Hex: #00bf8f
RGB: 0, 191, 143
Snapchat Yellow
Hex: #fffc00
RGB: 255, 252, 0
Quora Burgundy
Hex: #a82400
RGB: 168, 36, 0
Flickr Pink
Hex: #ff0084
RGB: 255, 0, 132
Tumblr Dark Turquoise
Hex: #32506d
RGB: 50, 80, 109
Find us on Facebook
Design Pieces
221 people like Design Pieces.
Facebook social plugin
Like
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
VK Blue
Hex: #45668e
RGB: 69, 102, 142
Vimeo Green
Hex: #aad450
RGB: 170, 212, 80
More Vimeo colours
Foursquare Logo Blue
Hex: #0072b1
RGB: 0, 114, 177
Have we missed a website you want included? Please let us know in the
comments below!
Updates
9 July, 2014
Added Vine Green and Snapchat Yellow.
17 January, 2013
Archives
September 2014
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
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
Facebook Blue was selected from the background-color in the
Facebook header
Twitter Blue was eye-dropped from the flat Twitter logo. Credit: Forrest
Corbett
Google+ Red was selected from the <h1> color and gradient in the
sign up button.
YouTube Red was selected from the bottom-border of the tabs on
pages such as http://www.youtube.com/sports. According to YouTube,
the single-colour logo can only be black or whitethere is no red option.
Vimeo Green was selected from the Vimeo style sheet.
Linkedin Blue was selected from the 2 colour reverse logo on
LinkedIn. Credit: Forrest Corbett
Instagram Blue was selected from the background-color of the header
September 2014
July 2014
February 2014
August 2013
July 2013
May 2013
April 2013
March 2013
February 2013
January 2013
December 2012
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
About Author
Nick Georgiou
I'm a website designer and developer in sunny
Brisbane, Australia.
Instagram Blue was selected from the background-color of the header
on Instagram
Flickr Pink was eye-dropped from the Flickr logo and the <a> color .
Tumblr Dark Turquoise was taken from the background-color of Tumblr.
Foursquare Logo Blue was taken from the Foursquare Brandbook
Pinterest Red was eye-dropped from the Pinterest logo.
Quora Burgundy was eye-dropped from the Quora logo Credit: Shannon
Young.
Snapchat Yellow was selected from the Snapchat stylesheet
Vine Green was selected from the Vine stylesheet
Microsoft Dynamics CRM
microsoft.com/Dynamics
Works Offline, Syncs w/ Sharepoint Works with Office. Try Free!
Tweet 194
69 178 Like
43
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Facebook
Colour
Palette
(Hex and
RGB)
This is the Facebook colour palette,
which is a monochromatic palette
containing
5 Great
Design
Process
Case
Studies
Developing your own design
process is one of the key steps of
Related Posts
Comments
Forrest
December 29, 2012
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Not sure how you came up with these values, but a couple I
checked are not correct.
Sample the LinkedIn logo here: http://press.linkedin.com/Media-
Resources/206/LinkedIn-in-logo-2-color-reverse Its not #4875b4
Also try https://twitter.com/images/resources/twitter-bird-white-
on-blue.png its not #00acf1 as you state.
Reply

Nick Georgiou
December 29, 2012
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 Ive checked up on the rest.
Reply

Shannon Young
January 17, 2013
You should add Quora Burgundy a82400 (Source: Eyedropper
on Logo)
Reply

pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Nick Georgiou
January 17, 2013
Great! Thanks, Shannon! Ill get onto it soon.
Reply

Maninder
August 15, 2014
So glad you added it, I needed it. (Avid Quora user)
Reply

Eddie Lee
January 20, 2013
You should add Last.fm and Spotify to these.
Last.fm is #db1302
Reply

Shannon Young
February 6, 2013
You might also want to consider Zerply, an upcoming alternative
to LinkedIn
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
http://zerply.com/about/resources
Reply

Jong
March 5, 2013
Thanks! Just what I was looking for! How about Yelp?
Reply

Galen Gidman
March 8, 2013
Nice roundup Nick! I actually created an entire website for this
very thing http://brandcolors.net/
Reply

Amelie Ju-on
June 4, 2013
Great list and nice presentation, Galen! Im doing a set of
one-color social media icons and this was JUST what I
needed. Id love to see sources/additional colors added in
the future too
Reply

pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Mary Henderson
March 9, 2013
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
Im 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
Reply

Vincent
March 21, 2013
Dribbble is
hex #ea4c89
rgb 235,75,136
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Reply

Niall Flynn
April 24, 2013
Nice, cheers handy resource
Reply

Tim Nolte
May 10, 2013
Looks like youve got the Google+ HEX value wrong. It should be
#bb4b39.
Reply

Amelie Ju-on
June 4, 2013
This is excellent! Thanks for adding sources! If you happen to
find the official Behance.net logo color, thatd be helpful: all
their logos Ive seen have gradients so sampling the right color is
iffy.
Reply

pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Sajib Srs
June 22, 2013
Good work.Helped me! Thanks
Reply

josedvq
August 29, 2013
Theres a list of famous brand colors at http://colpick.com/
Reply

Nick Broad
October 12, 2013
Really helpful, thanks
Reply

Hasan Zahran
December 2, 2013
great, thanks
Reply

pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
miggy592
December 31, 2013
This article was very helpful
Reply

Emi
May 7, 2014
soundcloud is #f50 according to the bg color
Reply

JessicaSideways
June 28, 2014
Can you add Behance?
Reply

Isy
July 16, 2014
Rss feed Orange
#ff9900
there is way to much blue in social media
pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Leave a Reply
Reply

Alexander
September 12, 2014
Current Twitter color: #55acee, rgb(85, 172, 238)
Reply

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

pdfcrowd.com open in browser PRO version Are you a developer? Try out the HTML to PDF API
Submit Comment
Design Pieces Copyright 2014. Back to Top

You might also like