Vitality Color Gradient

 #035c25

 #13cf5b

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#035c25	rgb(3, 92, 37)	hsl(140 94% 19%)	hwb(140 1.2% 64%)	lch(33.6 42.3 145)	lab(33.6 -34.6 24.3)	cmyk 97%, 0%, 60%, 64%
	#13cf5b	rgb(19, 207, 91)	hsl(140 83% 44%)	hwb(140 7.5% 19%)	lch(73.2 76.5 145)	lab(73.2 -62.4 44.3)	cmyk 91%, 0%, 56%, 19%

 Click a color format to copy to your clipboard.

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

#035c25

AAA - 8.19



#13cf5b

AA - 2.07



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(41.5% -0.099 0.059), oklab(74.7% -0.178 0.108))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #035c25, #13cf5b)

Colors



<!-- Primary Colors -->
<color name="vitality_color_10">#035c25</color>
<color name="vitality_color_20">#13cf5b</color>

Gradient PRO

Pro feature only

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

PWA prompt