Love Color Gradient

 #c9457a

 #ad2d7e

Colors overview

 Red

 Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#c9457a	rgb(201, 69, 122)	hsl(340 55% 53%)	hwb(340 27% 21%)	lch(50 56.2 360)	lab(50 56.2 -0.181)	cmyk 0%, 66%, 39%, 21%
	#ad2d7e	rgb(173, 45, 126)	hsl(320 59% 43%)	hwb(320 18% 32%)	lch(41.9 58.9 345)	lab(41.9 56.9 -15.3)	cmyk 0%, 74%, 27%, 32%

 Click a color format to copy to your clipboard.

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

#c9457a

AA - 4.54



#ad2d7e

AA - 6.08



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(58.8% 0.173 -0.003), oklab(52.1% 0.177 -0.043))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #c9457a, #ad2d7e)

Colors



<resources>
    <color name="love_100">#c9457a</color>
    <color name="love_200">#ad2d7e</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt