Card Color Gradient

 #21ad23

 #19e0c9

Colors overview

Green

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#21ad23	rgb(33, 173, 35)	hsl(120 68% 40%)	hwb(120 13% 32%)	lch(62 78 136)	lab(62 -55.8 54.5)	cmyk 81%, 0%, 80%, 32%
	#19e0c9	rgb(25, 224, 201)	hsl(170 80% 49%)	hwb(170 9.8% 12%)	lch(80.3 50.2 182)	lab(80.3 -50.1 -2.05)	cmyk 89%, 0%, 10%, 12%

 Click a color format to copy to your clipboard.

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

#21ad23

AA - 2.97



#19e0c9

AA - 1.67



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(65.2% -0.164 0.124), oklab(81.5% -0.143 -0.004))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #21ad23, #19e0c9)

Colors



<resources>
    <color name="card_100">#21ad23</color>
    <color name="card_200">#19e0c9</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt