Plasma Color Gradient

 #003af7

 #e000f0

Colors overview

 Blue

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#003af7	rgb(0, 58, 247)	hsl(230 100% 48%)	hwb(230 0% 3.1%)	lch(35.3 109 296)	lab(35.3 47.2 -97.9)	cmyk 100%, 77%, 0%, 3%
	#e000f0	rgb(224, 0, 240)	hsl(300 100% 47%)	hwb(300 0% 5.9%)	lch(53.9 107 324)	lab(53.9 86.5 -62.6)	cmyk 7%, 100%, 0%, 6%

 Click a color format to copy to your clipboard.

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

#003af7

AAA - 7.12



#e000f0

AA - 3.86



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(48.4% -0.029 -0.275), oklab(64.6% 0.247 -0.175))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #003af7, #e000f0)

Colors



<resources>
    <color name="plasma_100">#003af7</color>
    <color name="plasma_200">#e000f0</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt