Grass Color Gradient

 #7af5c4

 #3ed682

Colors overview

 Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#7af5c4	rgb(122, 245, 196)	hsl(160 86% 72%)	hwb(160 48% 3.9%)	lch(88.5 46.4 164)	lab(88.5 -44.7 12.6)	cmyk 50%, 0%, 20%, 4%
	#3ed682	rgb(62, 214, 130)	hsl(150 65% 54%)	hwb(150 24% 16%)	lch(76.5 62.7 152)	lab(76.5 -55.3 29.6)	cmyk 71%, 0%, 39%, 16%

 Click a color format to copy to your clipboard.

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

#7af5c4

AA - 1.33



#3ed682

AA - 1.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(88.6% -0.127 0.034), oklab(77.8% -0.157 0.076))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #7af5c4, #3ed682)

Colors



<resources>
    <color name="grass_100">#7af5c4</color>
    <color name="grass_200">#3ed682</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt