Grappe Color Gradient

 #b52baa

 #aa17bd

Colors overview

 Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#b52baa	rgb(181, 43, 170)	hsl(300 62% 44%)	hwb(300 17% 29%)	lch(44.9 74 330)	lab(44.9 64 -37.1)	cmyk 0%, 76%, 6%, 29%
	#aa17bd	rgb(170, 23, 189)	hsl(290 78% 42%)	hwb(290 9% 26%)	lch(42.2 86.4 322)	lab(42.2 68.5 -52.7)	cmyk 10%, 88%, 0%, 26%

 Click a color format to copy to your clipboard.

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

#b52baa

AA - 5.39



#aa17bd

AA - 5.88



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(55.4% 0.192 -0.103), oklab(53.7% 0.192 -0.148))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #b52baa, #aa17bd)

Colors



<resources>
    <color name="grappe_100">#b52baa</color>
    <color name="grappe_200">#aa17bd</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt