Social Color Gradient

 #4e4ae4

 #d3c4fc

Colors overview

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#4e4ae4	rgb(78, 74, 228)	hsl(240 74% 59%)	hwb(240 29% 11%)	lch(40.1 88.3 296)	lab(40.1 38.9 -79.2)	cmyk 66%, 68%, 0%, 11%
	#d3c4fc	rgb(211, 196, 252)	hsl(260 90% 88%)	hwb(260 77% 1.2%)	lch(81.8 29.1 298)	lab(81.8 13.6 -25.8)	cmyk 16%, 22%, 0%, 1%

 Click a color format to copy to your clipboard.

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

#4e4ae4

AA - 6.13



#d3c4fc

AA - 1.6



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.5% 0.024 -0.224), oklab(85.1% 0.036 -0.07))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #4e4ae4, #d3c4fc)

Colors



<resources>
    <color name="social_100">#4e4ae4</color>
    <color name="social_200">#d3c4fc</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt