Colors Encyclopedia

Brand colors

Twitch Brand Colors

Twitch palette: #9146FF, #000000, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Twitch.

Social MediaBrand indexAPIDataset
Commonly referenced palette Twitch
#9146FF#000000#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#9146FFRGB 145, 70, 255
Black#000000RGB 0, 0, 0
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-twitch-1: #9146FF;
  --brand-twitch-2: #000000;
  --brand-twitch-3: #FFFFFF;
}

Accessibility Snapshot

#9146FFBlack 4.52:1 / White 4.64:1
#000000Black 1:1 / White 21:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Twitch Brand Colors

Twitch Purple #9146FF is the identifying color in Twitch’s current downloadable brand package, accompanied there by white and a very pale Ice tone. The official files also separate flat and extruded wordmarks from the Glitch symbol, showing that color is only one layer of a deliberately controlled asset system rather than a license to reconstruct the mark from sampled shapes.

Purple can carry the dominant field while black and white provide the compact neutral comparison used on this page. In interfaces, the saturated violet is most effective when hierarchy and foreground contrast are tested component by component; pale text, disabled states, and small type should not inherit a pairing simply because it works for a large display treatment. Use Twitch’s supplied files whenever an authorized mark is required.

This independent palette analysis does not redistribute Twitch artwork, imply affiliation, authorize trademark use, or replace the current files and legal terms supplied by Twitch.

Downloadable brand colors infographic

Twitch Brand Colors Infographic

Save an independent infographic of the commonly referenced Twitch HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Twitch brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Twitch brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Twitch.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1762
Black text4.52:1AA Pass
White text4.64:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "twitch",
  "name": "Twitch",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/twitch/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Twitch."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#9146FF",
    "rgb": [
      145,
      70,
      255
    ],
    "hsl": [
      264,
      100,
      64
    ],
    "cmyk": [
      43,
      73,
      0,
      0
    ],
    "luminance": 0.1762,
    "contrast": {
      "black": 4.52,
      "white": 4.64
    },
    "wcag": {
      "AA": [
        "#000000",
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "purple brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "dark brand color",
    "light brand color",
    "Twitch color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#FFFFFF",
    "#F5F5F5",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/twitch.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-twitch-1: #9146FF;\n--brand-twitch-2: #000000;\n--brand-twitch-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#9146FF",
    "contrast": {
      "black": 4.52,
      "white": 4.64
    },
    "wcag": {
      "AA": [
        "#000000",
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "twitch",
  "name": "Twitch",
  "category": "social-media",
  "brandCategory": [
    "Social Media",
    "social-media"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Twitch.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/twitch/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/social-media/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/twitch.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#9146FF",
      "rgb": [
        145,
        70,
        255
      ],
      "hsl": [
        264,
        100,
        64
      ],
      "cmyk": [
        43,
        73,
        0,
        0
      ],
      "luminance": 0.1762,
      "contrast": {
        "black": 4.52,
        "white": 4.64
      },
      "wcag": {
        "AA": [
          "#000000",
          "#FFFFFF"
        ],
        "AAA": []
      }
    },
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "social UI",
    "creator tools",
    "share graphics",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "social media brand colors",
    "purple brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "dark brand color",
    "light brand color",
    "Twitch color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#FFFFFF",
    "#F5F5F5",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/twitch.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Social Media brand colorsBrowse all social media brand color references.Behance brand colorsCompare another social media palette.Discord brand colorsCompare another social media palette.Dribbble brand colorsCompare another social media palette.Facebook brand colorsCompare another social media palette.Deezer similar paletteOpen a palette with a nearby first-listed color value.Viber similar paletteOpen a palette with a nearby first-listed color value.Stripe similar paletteOpen a palette with a nearby first-listed color value.Blue Violet colorOpen the nearest named color reference.Twitch APIOpen the machine-readable brand color JSON.