GitHub Color Palette | HEX, RGB & HSL

GitHub mainly uses black for their main company logo, social media profiles, and also website elements such as buttons, icons, and banners.

The hexadecimal code for this color is #151013.

When it comes to its respective RGB value you’ll find 21 red, 16 green, and 19 blue.

In HSL, that would be a hue of 324, 14% saturation, and 7% lightness.

Please continue reading below for any other of their brand color schemes, including social media profiles such as Instagram and their official mobile app icon.

GitHub Logo
Hex: #151013
RGB: (21 16 19)
HSL: (324 14% 7%)
GitHub App Icon

App Icon

Hex: #1B1F22
RGB: (27 31 34)
HSL: (206 11% 12%)
Hex: #060606
RGB: (6 6 6)
HSL: (0 0% 2%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
GitHub Website

Website

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #040D21
RGB: (4 13 33)
HSL: (221 78% 7%)
Hex: #2EA44F
RGB: (46 164 79)
HSL: (137 56% 41%)
Hex: #4969ED
RGB: (73 105 237)
HSL: (228 82% 61%)
Hex: #627597
RGB: (98 117 151)
HSL: (218 21% 49%)
Hex: #586069
RGB: (88 96 105)
HSL: (212 9% 38%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
GitHub Contributions

Contributions Table

Hex: #EBEDF0
RGB: (235 237 240)
HSL: (216 14% 93%)
Hex: #9BE9A8
RGB: (155 233 168)
HSL: (130 64% 76%)
Hex: #40C463
RGB: (64 196 99)
HSL: (136 53% 51%)
Hex: #30A14E
RGB: (48 161 78)
HSL: (136 54% 41%)
Hex: #216E39
RGB: (33 110 57)
HSL: (139 54% 28%)

Instagram Page

Hex: #4A4A4A
RGB: (74 74 74)
HSL: (0 0% 29%)
Hex: #8F5F39
RGB: (143 95 57)
HSL: (27 43% 39%)
Hex: #E4302F
RGB: (228 48 47)
HSL: (0 77% 54%)
Hex: #EC7318
RGB: (236 115 24)
HSL: (26 85% 51%)
Hex: #FFD94D
RGB: (255 217 77)
HSL: (47 100% 65%)
Hex: #43C13D
RGB: (67 193 61)
HSL: (117 52% 50%)
Hex: #3535ED
RGB: (53 53 237)
HSL: (240 84% 57%)
Hex: #AD4CBF
RGB: (173 76 191)
HSL: (291 47% 52%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)

Twitter Page

Hex: #222222
RGB: (34 34 34)
HSL: (0 0% 13%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)

Resources

We encourage you to watch these YouTube videos as a very good way of getting to know more about colors and how they work in various situations.

You will learn why it is so important to know and learn a lot about color psychology and how you can make the most out of it.

Video #1

This next video was uploaded to YouTube by ColorCode. 

He talks about using HEX, RGB, and RGBA.

Video #2

This other video is from Webflow.

They give us a review on how hues are utilized on the web and some extraordinary tips on the best way to truly comprehend the differences behind each shading.

Lastly, maybe also read this article by Hacker Noon titled: Hex colors, how do they work? 

You will get to know how hex numbers are determined and what each character means.

Disclaimer

We do not own any logo or image used to describe the color palettes of any brand. All rights goes to the respective owner.

Fair Use allows people to use someone else’s copyrighted work without permission in certain circumstances. Common examples include: criticism, commentary, news reporting, teaching, scholarship and research.

Before you go

Make sure to check out other color palettes that we currently have on our website by using the search bar on our homepage or site header. 

Copyright © 2019 - Online Palette