Brand color

Twitch Primary

#9444fc

hex#9444fc

rgbrgb(148, 68, 252)

hslhsl(266, 97%, 63%)

oklchoklch(0.589 0.254 297.8)

From Twitch brand colorsRelative luminance 0.1746

Cool Vivid Technical Modern

Open in palette tool Check contrast

Twitch Primary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

a059fc a968fd b47cfd bd8bfd c8a0fe d1affe dcc3fe e5d2fe f1e6ff f9f5ff

Shades — toward black

8327fc 7209fb 6403e2 5703c4 4b03ab 3e028d 31026f 240150 160132 090014

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

9444fc adfc45

#adfc45

Analogous

Open in tool →

9444fc 4551fc f045fc

#4551fc · #f045fc

Triadic

Open in tool →

9444fc fc9445 45fc94

#fc9445 · #45fc94

Split-complementary

Open in tool →

9444fc fcf045 51fc45

#fcf045 · #51fc45

Tetradic

Open in tool →

9444fc fc4551 adfc45 45fcf0

#fc4551 · #adfc45 · #45fcf0

Contrast

Twitch Primary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.68:1	pass	pass	fail	AAA: use #6d04f6 as the text (7:1)
Aaon black	4.49:1	fail	pass	fail	AA: use #974afc as the text (4.7:1) AAA: use #b47cfd as the text (7.24:1) AA: or shift the background to #fcfcfc (4.56:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Twitch Primary as the background.

Brands using this color

Fonts for this mood

Twitch Primary reads as cool, vivid, technical. The font library is tagged with the same vocabulary:

Technical fonts →Modern fonts →

mcpConnect your agent — build around Twitch Primary

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #9444fc and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/9444fc-b29cc4-dfd74e-2b1f2d-e9eaf1?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md