Twitch Color Gradient

 #772CE8

 #9146FF

Colors overview

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#772ce8	rgb(119, 44, 232)	hsl(260 80% 54%)	hwb(260 17% 9%)	lch(39.2 103 306)	lab(39.2 60.6 -82.7)	cmyk 49%, 81%, 0%, 9%
	#9146ff	rgb(145, 70, 255)	hsl(260 100% 64%)	hwb(260 27% 0%)	lch(47.9 101 306)	lab(47.9 59.4 -81.2)	cmyk 43%, 73%, 0%, 0%

 Click a color format to copy to your clipboard.

Click one color card to view the complete contrast checker tests.

#772CE8

AA - 6.34



#9146FF

AA - 4.64



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(51.9% 0.1 -0.233), oklab(59.1% 0.112 -0.229))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #772CE8, #9146FF)

Colors



<resources>
    <color name="twitch_100">#772CE8</color>
    <color name="twitch_200">#9146FF</color>
</resources>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt