What Are Hex Colors?
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
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.
Blue Hex: #1877f2
RGB: 24, 119, 242
#3b5998 rgb(59, 89, 152)
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)
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)
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
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 |
59,89,152 | #3b5998 | |
85,172,238 | #55acee | |
Google+ | 220,78,65 | #dc4e41 |
189,8,28 | #bd081c | |
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 |
255,69,0 | #ff4500 | |
Buffer | 0, 0, 0 | #000000 |
206,17,38 | #ce1126 | |
239,64,86 | #ef4056 | |
2,100,102 / 207,220,0 | #026466 / #cfdc00 | |
Odnoklassniki | 237,129,43 | #ed812b |
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 |
225,40,40 | #e12828 | |
Yummly | 0, 64, 93 | #00405d |
Viber | 0, 64, 93 | #00405d |
Telegram | 0, 64, 93 | #00405d |
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 |
If you feel any social networking site is missing, feel free to comment so that we will update the list.
Digg #486ca3
Disqus #35a8ff
Foursquare #1cafec
Github #181616
Google #0266C8
Hyves #f9a539
Instagram #406e94
Kaixin #bb0e0f
Live #004C9A
Livejournal #3770a3
Mixi #d1ad5a
Myspace #313131
Odnoklassnikki #f69324
Orange #ff6600
Paypal #13487b
Persona #e0742f
Pinterest #cb2128
QQ #009BD9
Reddit #ff5700
Renren #005baa
Salesforce #219CDF
Stackexchange #4ba1d8
Steam Community #666666
Tumblr #32506d
Verisign #0261a2
Virgilio #eb6b21
Vkontakte #45668e
Sinaweibo #bb3e3e
WordPress #21759c
Mailru #1897e6
Xing #007072
Openid #f7921c