Life Color Gradient

 #22b357

 #3664c7

Colors overview

 Green

 Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#22b357	rgb(34, 179, 87)	hsl(140 68% 42%)	hwb(140 13% 30%)	lch(64.4 64.2 146)	lab(64.4 -53.3 35.8)	cmyk 81%, 0%, 51%, 30%
	#3664c7	rgb(54, 100, 199)	hsl(220 57% 50%)	hwb(220 21% 22%)	lch(43.4 58.4 281)	lab(43.4 11 -57.4)	cmyk 73%, 50%, 0%, 22%

 Click a color format to copy to your clipboard.

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

#22b357

AA - 2.74



#3664c7

AA - 5.51



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(67.4% -0.152 0.088), oklab(52.6% -0.019 -0.162))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #22b357, #3664c7)

Colors



<resources>
    <color name="life_100">#22b357</color>
    <color name="life_200">#3664c7</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt