Twitch Color Palette | HEX, RGB & HSL

Twitch uses the colors purple, black, and white for their main company logo, social media profiles, and also website elements such as buttons, icons, and banners.

The hexadecimal code for these colors is #9146FF, #000000, and #FFFFFF.

When it comes to the respective RGB value of Twitch’s purple, you’ll find 145 red, 70 green, and 255 blue.

In HSL, that would be a hue of 264, 100% saturation, and 64% 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.

Twitch Glitch Purple
Hex: #9146FF
RGB: (145 70 255)
HSL: (264 100% 64%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Twitch Extruded Wordmark Purple
Hex: #9146FF
RGB: (145 70 255)
HSL: (264 100% 64%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Twitch Mobile App Icon

App Icon

Hex: #9146FF
RGB: (145 70 255)
HSL: (264 100% 64%)
Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

Website

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #772CE8
RGB: (119 44 232)
HSL: (264 80% 54%)
Hex: #9146FF
RGB: (145 70 255)
HSL: (264 100% 64%)
Hex: #E5E5E5
RGB: (229 229 229)
HSL: (0 0% 90%)
Hex: #EFEFF1
RGB: (239 239 241)
HSL: (240 7% 94%)
Hex: #F7F7F8
RGB: (247 247 248)
HSL: (240 7% 97%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Twitch Instagram Profile

Instagram Page

Hex: #9146FF
RGB: (145 70 255)
HSL: (264 100% 64%)
Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Twitch's Brand Usage Guidelines

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