Hex Color Codes for Social Media Platforms

Hexadecimal numbers are used to represent colours from different colour models as hex colours. Hexadecimal colours are represented by the symbol #RRGGBB, where RR stands for red, GG for green, and BB for blue. The hexadecimal integers used to specify the color’s intensity can range from 00 to FF.

An easy illustration of this is #FF0000. Because the red component is at its highest value of FF while the green and blue components are at their lowest value of 00, the colour is completely red.

A colour hex code is a representation in hexadecimal of a colour in the RGB format. It is created by combining three numbers, which correspond to the amounts of red, green, and blue in a certain tint of colour.

These colour hex codes have always been an essential component of HTML for web design, and they continue to serve as an important method of digitally describing colour formats.

Uses for Hex Colors

It is simple to distinguish between colours by using hex colour codes to represent them. You can easily alter the red, blue, or green values to get a different colour if you have a basic understanding of how they function. This is especially convenient because hex colour codes, which ensure colour accuracy, offer such a wide variety of colour selections.

How Many Different Hex Colors Exist?

There are 2563 colour combinations, or 16,777,216 possible colour combinations, in the common notation #RRGGBB. This is due to the fact that each of the colour values RR, GG, and BB has a possible 256 value range, from 00 to FF. As a result, there are 2563 combinations.

The fact that many contemporary browsers will also enable transparency is an intriguing side note. This implies that #AARRGGBB, a brand-new set of colour codes, is now available. There are 256 colour codes total, or 4,294,976,296 in this case. It’s vital to remember that simply increasing transparency does not alter the colour, therefore this does not imply that there are additional colours. This essentially increases the amount of data and colour codes that are available based on transparency or opacity.

The Function of Hex Colors

Whether red, green, or blue, hexadecimal colours use sixteen separate numbers to express a single hue. This is effective since it offers you sixteen different shades of each hue, which is a wide variety. Each colour is denoted by a number or letter that ranges from 0 to 9 and from A to F, where 0 denotes the lightest value and F denotes the darkest. The colour format is then broken down into #RRGGBB, where RR stands for red, GG for green, and BB for blue.

Why Are Hex Colors Important?

Consider the Coca-Cola® company. What shade do you perceive? If you’re like the majority of people, red is what you see. Not any red, though. Red Coke.

Color plays a significant role in how much money Coke invests in sustaining its brand. Throughout all of Coke’s packaging, TV ads, magazine ads, websites, digital ads, and in-store merchandise, the Coke red is consistently present. It’s difficult to maintain accurate and constant colour. In addition to the countless different mobile devices, browsers, TVs, and printing techniques that bear the Coca-Cola logo, there are hundreds of designers, developers, and printers working on Coke’s packaging and marketing worldwide.

There are certain colour kinds we employ that are universal, despite the fact that nobody has any control over the variances present in the billions of individual mobile devices and computer monitors. When used appropriately, can go a long way toward preserving colour uniformity. There is a unique, six-digit Hex colour code for Coke that specifies the precise shade of red that should be used in HTML design for the Web: #F40009

Brand, Company, & Website Hex Color Codes

Some of the most well-liked Hex colour codes for social media and online publishing platforms are listed below.

Medium Hex Color

Sea green, solid black, and solid white may all be found on Medium’s colour wheel.

#3CB371

Substack Hex Color

A mild orange hue may be found in Substack’s colour scheme, along with a white accent.

#FFA500

LinkedIn Hex Color

In addition to a solid white accent colour, LinkedIn’s colour scheme also features a light blue hue.

#2867B2

YouTube Hex Color

A prominent bright red colour and a solid white accent colour are both part of YouTube’s colour scheme.

#FF0000

Amazon Hex Color

An obvious bright orange colour and a solid black accent colour are both part of Amazon’s colour palette.

#FF9900

Facebook Hex Color

Facebook uses a striking dark blue as its main hue and a solid white as an accent.

#3B5998

Reddit Hex Color

A unique orange colour with a crimson tint and a solid white accent colour are among the colours used by Reddit.

#FF4500

Skype Hex Color

Light blue and a solid white accent colour are included in Skype’s colour scheme.

#00AFF0

Alphabet Hex Color

Bright red and a solid white accent colour are among the colour choices for Alphabet.

#ED1C24

Canva Hex Color

A vivid blue and a solid purple accent hue can be found in Canva’s colour palette.

#00C4CC

List of Hex Color Codes for Social Media Platforms

Here is our list of 50 of the top social and technology brands’ social media hues. Each entry includes the primary HEX and RGB value for each social media platform, as well as a list of the secondary and accent colours. Are HEX or RGB values sufficient in place of SASS or LESS variables? We also have those. To navigate to the bottom of the page, use our quick links. Anywhere a brand guideline existed, these were taken from the official brand guidelines for each social media network.

Facebook

Blue Hex: #1877f2

RGB: 24, 119, 242

#3b5998 rgb(59, 89, 152)

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)

Blue Hex: #0a66c2

RGB: 10, 102, 194

#000000 rgb(0, 0, 0)

#ffffff rgb(255, 255, 255)

#f0b6a8 rgb(240, 182, 168)

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)

TikTok

Black Hex: #010101

RGB: 1, 1, 1

#69c9d0 rgb(105, 201, 208)

#ee1d52 rgb(238, 29, 82)

#ffffff rgb(255, 255, 255)

Google

Blue Hex: #4285f4

RGB: 66, 133, 244

#ea4335 rgb(234, 67, 53)

#34a853 rgb(52, 168, 83)

#fbbc05 rgb(251, 188, 5)

Red Hex: #bd081c

RGB: 189, 8, 28

Snapchat

Yellow Hex: #fffc00

RGB: 255, 252, 0

#ffffff rgb(255, 255, 255)

#000000 rgb(0, 0, 0)

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

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)

Twitch

Purple Hex: #9146ff

RGB: 145, 70, 255

#f0f0ff rgb(240, 240, 255)

#000 rgb(0, 0, 0)

Discord

Blurple Hex: #5865f2

RGB: 88, 101, 242

#ffffff rgb(255, 255, 255)

#23272a rgb(35, 39, 42)

Yelp

Red Hex: #d32323

RGB: 211, 35, 35

Hex Color Codes for Social Media Platforms – Colour Codes for Social Networking Icons

Here, we’ve compiled a comprehensive collection of colour codes for well-known social networking symbols like Facebook, Twitter, Pinterest, etc. to aid designers and ourselves. Along with the actual visibility of the colour, the RGB and Hexadecimal colour code values are displayed. When an icon contains many colours, we have either utilised a gradient to depict the numerous colours or selected the most dominating single colour.

Social Networking Site	RGB Values	Hex Code
Facebook	59,89,152	#3b5998
Twitter	85,172,238	#55acee
Google+	220,78,65	#dc4e41
Pinterest	189,8,28	#bd081c
LinkedIn	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
Reddit	255,69,0	#ff4500
Buffer	0, 0, 0	#000000
Weibo	206,17,38	#ce1126
Pocket	239,64,86	#ef4056
Xing	2,100,102 / 207,220,0	#026466 / #cfdc00
Odnoklassniki	237,129,43	#ed812b
WhatsApp	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
Flipboard	225,40,40	#e12828
Yummly	0, 64, 93	#00405d
Viber	0, 64, 93	#00405d
Telegram	0, 64, 93	#00405d
Instagram	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