Green Lake Color Gradient

 #ADFBAD

 #7D7DF2

Colors overview

 Blue

 Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#adfbad	rgb(173, 251, 173)	hsl(120 91% 83%)	hwb(120 68% 1.6%)	lch(92.1 46.6 141)	lab(92.1 -36 29.6)	cmyk 31%, 0%, 31%, 2%
	#7d7df2	rgb(125, 125, 242)	hsl(240 82% 72%)	hwb(240 49% 5.1%)	lch(56.7 64.4 291)	lab(56.7 23.6 -60)	cmyk 48%, 48%, 0%, 5%

 Click a color format to copy to your clipboard.

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

#ADFBAD

AA - 1.22



#7D7DF2

AA - 3.44



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(91.8% -0.106 0.076), oklab(64.6% 0.031 -0.168))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #ADFBAD, #7D7DF2)

Colors



<resources>
    <color name="green_lake_100">#ADFBAD</color>
    <color name="green_lake_200">#7D7DF2</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt