Neon Color Gradient

 #ad0e8d

 #7d00d1

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ad0e8d	rgb(173, 14, 141)	hsl(310 85% 37%)	hwb(310 5.5% 32%)	lch(40 70.8 337)	lab(40 65.2 -27.5)	cmyk 0%, 92%, 18%, 32%
	#7d00d1	rgb(125, 0, 209)	hsl(280 100% 41%)	hwb(280 0% 18%)	lch(34.9 102 311)	lab(34.9 66.9 -76.7)	cmyk 40%, 100%, 0%, 18%

 Click a color format to copy to your clipboard.

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

#ad0e8d

AA - 6.51



#7d00d1

AAA - 7.51



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% 0.201 -0.076), oklab(48.2% 0.135 -0.216))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #ad0e8d, #7d00d1)

Colors



<resources>
    <color name="neon_100">#ad0e8d</color>
    <color name="neon_200">#7d00d1</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt