Trafficpurple Color Gradient

 #8800f7

 #9d00ff

Colors overview

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#8800f7	rgb(136, 0, 247)	hsl(270 100% 48%)	hwb(270 0% 3.1%)	lch(39.8 117 309)	lab(39.8 74.3 -90.2)	cmyk 45%, 100%, 0%, 3%
	#9d00ff	rgb(157, 0, 255)	hsl(280 100% 50%)	hwb(280 0% 0%)	lch(43.6 118 312)	lab(43.6 78.1 -88.3)	cmyk 38%, 100%, 0%, 0%

 Click a color format to copy to your clipboard.

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

#8800f7

AA - 6.19



#9d00ff

AA - 5.41



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(53.2% 0.135 -0.253), oklab(56.5% 0.162 -0.248))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #8800f7, #9d00ff)

Colors



<resources>
    <color name="trafficpurple_100">#8800f7</color>
    <color name="trafficpurple_200">#9d00ff</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt