Blog: Social Media
Colored pencils in various social media colors

Social Media Colors 2018

Avatar for John Locke

John Locke is an SEO consultant from Sacramento, CA. He helps manufacturing businesses rank higher through his SEO agency, Lockedown Design.

Here is our guide of social media colors for 39 of the top technology brands.

Each entry has the main HEX and RGB value for each social media platform, plus secondary and accent colors listed underneath.

Do you need SASS or LESS variables instead of HEX or RGB values? We have those too. Use our quick links to jump to the bottom of the page.

These were sourced from the official brand guidelines for each social media platform, wherever a brand guideline existed. These were last updated in May, 2018.


Facebook

Blue Hex: #3b5998

RGB: 59, 89, 152

#4267b2
rgb(66, 103, 178)

#e9ebee
rgb(233, 235, 238)

#365899
rgb(54, 88, 153)

#f6f7f9
rgb(246, 247, 249)


Twitter

Blue Hex: #1da1f2

RGB: 29, 161, 242

#14171a
rgb(20, 23, 26)

#aab8c2
rgb(170, 184, 194)

#e1e8ed
rgb(225, 232, 237)

#f5f8fa
rgb(245, 248, 250)


YouTube

Red Hex: #ff0000

RGB: 255, 0, 0

#282828
rgb(40, 40, 40)

#ffffff
rgb(255, 255, 255)


Instagram

Magenta Hex: #c32aa3

RGB: 195, 42, 163

#4c5fd7
rgb(76, 95, 215)

#7232bd
rgb(114, 50, 189)

#f46f30
rgb(244, 111, 48)

#ffdc7d
rgb(255, 220, 125)


Pinterest

Red Hex: #bd081c

RGB: 189, 8, 28


LinkedIn

Blue Hex: #007bb5

RGB: 0, 119, 181

#000000
rgb(0, 0, 0)

#ffffff
rgb(255, 255, 255)

#00a0dc
rgb(0, 160, 220)


Google+

Red Hex: #db4437

RGB: 219, 68, 55


Google

Blue Hex: #4285f4

RGB: 66, 133, 244

#ea4335
rgb(234, 67, 53)

#34a853
rgb(52, 168, 83)

#fbbc05
rgb(251, 188, 5)


Snapchat

Yellow Hex: #fffc00

RGB: 255, 252, 0

#ffffff
rgb(255, 255, 255)

#000000
rgb(0, 0, 0)


WhatsApp

Green Hex: #25d366

RGB: 37, 211, 102

#075e54
rgb(7, 94, 84)

#128c7e
rgb(18, 140, 126)

#dcf8c6
rgb(220, 248, 198)

#34b7f1
rgb(52, 183, 241)


Tumblr

Blue Hex: #35465d

RGB: 54, 70, 93


Reddit

Orange Hex: #ff4500

RGB: 255, 69, 0

#ff5700
rgb(255, 87, 0)

#cee3f8
rgb(206, 227, 248)

#336699
rgb(51, 102, 153)

#5f99cf
rgb(95, 153, 207)


Spotify

Green Hex: #1ed760

RGB: 30, 215, 96

#1db954
rgb(29, 185, 84)

#ffffff
rgb(255, 255, 255)

#191414
rgb(25, 20, 20)


Apple

Gray Hex: #a6b1b7

RGB: 166, 177, 183

#000000
rgb(0, 0, 0)

#333333
rgb(51, 51, 51)

#bbbbbb
rgb(187, 187, 187)

#ffffff
rgb(255, 255, 255)


Amazon

Orange Hex: #ff9900

RGB: 255, 153, 0


Microsoft

Red Hex: #f35022

Red RGB: 243, 80, 34

Green Hex: #80bb03

Green RGB: 128, 187, 3

Blue Hex: #03a5f0

Blue RGB: 3, 165, 240

Yellow Hex: #ffb903

Yellow RGB: 255, 185, 3


Periscope

Blue Hex: #40a4c4

RGB: 64, 164, 196

#d55548
rgb(213, 85, 72)

#7cd6f1
rgb(124, 214, 241)

#3f4d51
rgb(63, 77, 81)

#a4b8be
rgb(164, 184, 190)


Foursquare

Pink Hex: #f94877

Pink RGB: 249, 72, 119

#073282
rgb(7, 50, 130)

#2d5be3
rgb(45, 91, 227)


Swarm

Orange Hex: #ffa633

RGB: 255, 166, 51

#f06d1b
rgb(240, 109, 27)

#ffa71c
rgb(255, 167, 28)

#2182eb
rgb(33, 130, 235)


Medium

Green Hex: #02b875

RGB: 2, 184, 117

#12100e
rgb(18, 16, 14)

#ffffff
rgb(255, 255, 255)

#e8f3ec
rgb(232, 243, 236)

#00ab6b
rgb(0, 171, 107)


Vimeo

Blue Hex: #1ab7ea

RGB: 26, 183, 234

#162221
rgb(22, 34, 33)

#ffffff
rgb(255, 255, 255)

#000000
rgb(0, 0, 0)


Skype

Blue Hex: #00aff0

RGB: 0, 175, 240

#0078d7
rgb(0, 120, 215)


Android

Green Hex: #a4c639

RGB: 164, 198, 57

#90be4e
rgb(144, 190, 78)

#a4ca39
rgb(164, 202, 57)


Quora

Maroon Hex: #aa2200

RGB: 170, 34, 0

#ffffff
rgb(255, 255, 255)

#2b6dad
rgb(43, 109, 173)


Dribbble

Pink Hex: #ea4c89

RGB: 234, 76, 137

#c32361
rgb(195, 35, 97)

#444444
rgb(68, 68, 68)

#9ba5a8
rgb(155, 165, 168)


Slack

Purple Hex: #4d394b

RGB: 77, 57, 75

#3b434b
rgb(59, 67, 75)

#70cadb
rgb(112, 202, 219)

#3eb890
rgb(62, 184, 144)

#e01765
rgb(224, 23, 101)

#e8a723
rgb(232, 167, 35)

#1a937d
rgb(26, 147, 125)

#472a49
rgb(71, 42, 73)

#65863a
rgb(101, 134, 58)

#cc2027
rgb(204, 32, 39)

#56b68b
rgb(86, 182, 139)


StumbleUpon

Orange Hex: #e94826

RGB: 233, 72, 38

#eb4924
rgb(235, 73, 36)

#e4e5e7
rgb(228, 229, 231)

#000000
rgb(0, 0, 0)


Flickr

Pink Hex: #f40083

Pink RGB: 244, 0, 131

Blue Hex: #006add

Blue RGB: (0, 106, 221)

#ff1981
rgb(255, 25, 129)

#177fff
rgb(23, 127, 255)

#ff0084
rgb(255, 0, 132)

#246dd6
rgb(36, 109, 214)


Yahoo

Purple Hex: #430297

RGB: 67, 2, 151

#500095
rgb(80, 0, 149)

#3b009d
rgb(59, 0, 157)

#38027c
rgb(56, 2, 124)

#2d1152
rgb(45, 17, 82)


Soundcloud

Orange Hex: #ff5500

RGB: 255, 85, 0

#ff7700
rgb(255, 119, 0)

#ff3300
rgb(255, 51, 0)

#ff4B00
rgb(255, 75, 0)

#ff3801
rgb(255, 56, 1)


DeviantArt

Green Hex: #05cc47

RGB: 5, 204, 71

#1f3626
rgb(31, 54, 38)

#42704f
rgb(66, 112, 79)

#4dc47d
rgb(77, 196, 125)

#d4f5de
rgb(212, 245, 222)


Pocket

Pink Hex: #ee4056

RGB: 238, 64, 86

#ef3e56
rgb(239, 62, 86)

#42b7b0
rgb(66, 183, 176)

#9bcfcc
rgb(155, 207, 204)

#83edb8
rgb(131, 237, 184)

#50bcb6
rgb(80, 188, 182)

#fcb643
rgb(252, 182, 67)


SlideShare

Orange Hex: #e68523

Orange RGB: 230, 133, 35

Blue Hex: #00a0dc

Blue RGB: 0, 160, 220

#0077b5
rgb(0, 119, 181)


500px

Blue Hex: #0099e5

RGB: 0, 153, 229

#222222
rgb(34, 34, 34)

#ffffff
rgb(255, 255, 255)


VK

Blue Hex: #4a76a8

RGB: 74, 118, 168

#5181b8
rgb(81, 129, 184)

#2a5885
rgb(42, 88, 133)

#edeef0
rgb(237, 238, 240)

#f7f8fa
rgb(247, 248, 250)


Listly

Orange Hex: #df6d46

Orange RGB: 223, 109, 70

Blue Hex: #52b1b3

Blue RGB: (82, 177, 179)

#ce4f24
rgb(206, 79, 36)

#333333
rgb(51, 51, 51)

#409092
rgb(64, 144, 146)

#222222
rgb(34, 34, 34)


Steam

Navy Hex: #171A21

RGB: 23, 26, 33

#66c0f4
rgb(102, 192, 244)

#1b2838
rgb(27, 40, 56)

#2a475e
rgb(42, 71, 94)

#c7d5e0
rgb(199, 213, 224)


Discord

Blurple Hex: #7289da

RGB: 114, 137, 218

#ffffff
rgb(255, 255, 255)

#99aab5
rgb(153, 170, 181)

#2c2f33
rgb(44, 47, 51)

#23272a
rgb(35, 39, 42)


Vine

Green Hex: #00b489

RGB: 0, 180, 137

#00b386
rgb(0, 179, 134)

#00ac7f
rgb(0, 172, 127)


Social Media Colors: Sass Variables


/**
 * Sass Variables 
 * Social Media Brand Colors 
 */


$facebook: #3b5998;
$twitter: #1da1f2;
$youtube: #ff0000;
$instagrammagenta: #c32aa3;
$instagramblue: #4c5fd7;
$instagrampurple: #7232bd;
$instagramorange: #f46f30;
$instagramyellow: #ffdc7d;
$googleblue: #4285f4;
$googlered: #ea4335; 
$googleyellow: #fbbc05; 
$googlegreen: #34a853;
$pinterest: #bd081c;
$googleplus: #db4437;
$linkedin: #007bb5;
$vimeoblue: #1ab7ea;
$tumblr: #2c4762;
$snapchat: #fffc00;
$whatsappgreen: #25d366;
$whatsappteal1: #075e54;
$whatsappteal2: #128c7e;
$apple: #a6b1b7;
$amazon: #ff9900;
$microsoftred: #f35022;
$microsoftgreen: #80bb03;
$microsoftblue: #03a5f0;
$microsoftyellow: #ffb903;
$periscope: #40a4c4;
$foursquarepink: #f94877; 
$foursquarenavy: #073282;
$foursquareblue: #2d5be3; 
$swarm: #ffa633;
$medium: #02b875;
$skypeblue: #00aff0;
$skypedkblue: #0078d7;
$android: #a4c639;
$stumbleupon: #e94826;
$flickrpink: #f40083;
$flickrblue: #006add;
$yahoo: #430297;
$soundcloud: #ff5500;
$spotifygreen: #1ed760;
$spotifydarkgreen: #1db954;
$dribbble: #ea4c89;
$slackpurple: #4d394b; 
$slackskyblue: #70cadb; 
$slackmosss: #3eb890; 
$slackpink: #e01765; 
$slackyellow: #e8a723; 
$slackgreenblue: #1a937d;
$slackviolet: #472a49; 
$slackolive: #65863a; 
$slackred: #cc2027; 
$reddit: #ff5700;
$deviantart: #05cc47;
$pocket: #ee4056;
$quora: #aa2200;
$quorablue: #2b6dad;
$slideshareorange: #e68523;
$slideshareblue: #00a0dc;
$fivehundredpx: #0099e5;
$vk: #4a76a8;
$listlyorange: #df6d46;
$listlyblue: #52b1b3;
$vine: #00b489;
$steam: #171a21;
$discord: #7289da;

 


Social Media Colors: LESS Variables


/** 
 *  LESS Variables 
 *  Social Media Colors 
 */


@facebook: #3b5998;
@twitter: #1da1f2;
@youtube: #ff0000;
@instagrammagenta: #c32aa3;
@instagramblue: #4c5fd7;
@instagrampurple: #7232bd;
@instagramorange: #f46f30;
@instagramyellow: #ffdc7d;
@googleblue: #4285f4;
@googlered: #ea4335; 
@googleyellow: #fbbc05; 
@googlegreen: #34a853;
@pinterest: #bd081c;
@googleplus: #db4437;
@linkedin: #007bb5;
@vimeoblue: #1ab7ea;
@tumblr: #2c4762;
@snapchat: #fffc00;
@whatsappgreen: #25d366;
@whatsappteal1: #075e54;
@whatsappteal2: #128c7e;
@apple: #a6b1b7;
@amazon: #ff9900;
@microsoftred: #f35022;
@microsoftgreen: #80bb03;
@microsoftblue: #03a5f0;
@microsoftyellow: #ffb903;
@periscope: #40a4c4;
@foursquarepink: #f94877; 
@foursquarenavy: #073282;
@foursquareblue: #2d5be3;
@swarm: #ffa633;
@medium: #02b875;
@skypeblue: #00aff0;
@skypedkblue: #0078d7;
@android: #a4c639;
@stumbleupon: #e94826;
@flickrpink: #f40083;
@flickrblue: #006add;
@yahoo: #430297;
@soundcloud: #ff5500;
@spotifygreen: #1ed760;
@spotifydarkgreen: #1db954;
@dribbble: #ea4c89;
@slackpurple: #4d394b; 
@slackskyblue: #70cadb; 
@slackmosss: #3eb890; 
@slackpink: #e01765; 
@slackyellow: #e8a723; 
@slackgreenblue: #1a937d;
@slackviolet: #472a49; 
@slackolive: #65863a; 
@slackred: #cc2027; 
@reddit: #ff5700;
@deviantart: #05cc47;
@pocket: #ee4056;
@quora: #aa2200;
@quorablue: #2b6dad;
@slideshareorange: #e68523;
@slideshareblue: #00a0dc;
@fivehundredpx: #0099e5;
@vk: #4a76a8;
@listlyorange: #df6d46;
@listlyblue: #52b1b3;
@vine: #00b489;
@steam: #171a21;
@discord: #7289da;

What other social media colors should be listed here? Let me know in the comments below.

Avatar for John Locke

John Locke is an SEO consultant from Sacramento, CA. He helps manufacturing businesses rank higher through his SEO agency, Lockedown Design.