Grass Color Gradient

 #85cc2e

 #95cc2e

Colors overview

 Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#85cc2e	rgb(133, 204, 46)	hsl(87 63% 49%)	hwb(87 18% 20%)	lch(75.2 76.5 122)	lab(75.2 -40.5 64.9)	cmyk 35%, 0%, 77%, 20%
	#95cc2e	rgb(149, 204, 46)	hsl(81 63% 49%)	hwb(81 18% 20%)	lch(76.2 74.7 118)	lab(76.2 -34.7 66.1)	cmyk 27%, 0%, 77%, 20%

 Click a color format to copy to your clipboard.

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

#85cc2e

AA - 1.96



#95cc2e

AA - 1.91



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(77% -0.129 0.146), oklab(77.9% -0.114 0.148))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #85cc2e, #95cc2e)

Colors



<resources>
    <color name="grass_100">#85cc2e</color>
    <color name="grass_200">#95cc2e</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt