Media & Entertainment

Twitch Color Codes

Twitch works in a single purple, hex #9146FF, on white or near-black. The Twitch color codes in Hex, RGB and CMYK can be found below. It launched in 2011 as a game-streaming spin-off of Justin.tv, a lifecasting site; Amazon bought it in 2014, and it is now the default place to watch someone play. Its nearest peer on this site is YouTube.

The Twitch logo, shown for identification. Twitch is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are Twitch Primary Colors?

Twitch's primary color is #9146FF. Every value on this page is derived from it.

Twitch publishes a brand system; the value shown is the 2019 Twitch Purple.

Twitch Primary

Hex	#9146FF
RGB	145, 70, 255
HSL	hsl(264, 100%, 64%)
CMYK	43%, 73%, 0%, 0%converted · approximate
Pantone	PMS 266 Cnearest match · not published by the brand

Twitch Hex Color Codes

Twitch hex color codes are #9146FF for primary.

Color	Hex
Primary	#9146FF

Twitch RGB Color Codes

Twitch RGB color codes are 145, 70, 255 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Primary	rgb(145, 70, 255)

Twitch HSL Color Codes

Twitch HSL color codes are 264, 100%, 64% for primary. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Primary	hsl(264, 100%, 64%)

Twitch CMYK Color Code

Twitch CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Primary	43%, 73%, 0%, 0%

Twitch Pantone Color Codes

Twitch Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Primary	PMS 266 C

Logo

Twitch Logo Colors

Twitch logo colors are one purple for the Glitch speech-bubble mark and the wordmark.

Twitch Logo Colors Palette

What the Twitch Logo Colors Mean?

The Twitch purple was pushed brighter in the 2019 rebrand, from a muted #6441A5 to the current #9146FF, so it would hold up as a small icon and on merchandise. The mark, nicknamed the Glitch, is a speech bubble abstracted into a face, standing for the chat that runs alongside every stream.

Twitch Logo Color History

Twitch logo color history has one clear step. From 2011 the brand used the darker #6441A5 purple; the 2019 redesign brightened it to #9146FF and tightened the Glitch bubble.

Twitch Logo Fonts

Twitch logo fonts are Roobert, a custom sans with a subtle personality in the curves. Roobert itself is the match.

Twitch Logo JPG

Twitch logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

Twitch Logo PNG

Twitch logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Twitch Logo WebP

Twitch logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

Twitch Color Code Shades

Twitch color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not Twitch paint or trim names.

In code

Using the Twitch palette

CSS custom properties

:root {
  --twitch-primary: #9146FF;
}

Contrast against white

Primary	4.64:1AA ✓

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.