Neon Pink Color Gradient

 #7646AD

 #EC3C5D

Colors overview

 Pink

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#7646ad	rgb(118, 70, 173)	hsl(270 42% 48%)	hwb(270 27% 32%)	lch(39.5 60.6 307)	lab(39.5 36.9 -48.1)	cmyk 32%, 60%, 0%, 32%
	#ec3c5d	rgb(236, 60, 93)	hsl(350 82% 58%)	hwb(350 24% 7.5%)	lch(54.6 72.5 19.9)	lab(54.6 68.1 24.7)	cmyk 0%, 75%, 61%, 7%

 Click a color format to copy to your clipboard.

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

#7646AD

AA - 6.46



#EC3C5D

AA - 3.9



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(50% 0.086 -0.135), oklab(62.9% 0.203 0.056))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #7646AD, #EC3C5D)

Colors



<resources>
    <color name="neon_pink_100">#7646AD</color>
    <color name="neon_pink_200">#EC3C5D</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt