#f7f79e

#d8e97f

#a7d15c

#79b93a

#49a01b

Lemon

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f7f79e	rgb(247, 247, 158)	hsl(60 85% 79%)	hwb(60 62% 3.1%)	lch(95.8 43.8 102)	lab(95.8 -9.45 42.8)	cmyk 0%, 0%, 36%, 3%
	#d8e97f	rgb(216, 233, 127)	hsl(70 71% 71%)	hwb(70 50% 8.6%)	lch(89.4 52.1 109)	lab(89.4 -17.3 49.1)	cmyk 7%, 0%, 45%, 9%
	#a7d15c	rgb(167, 209, 92)	hsl(82 56% 59%)	hwb(82 36% 18%)	lch(79 59 118)	lab(79 -27.7 52.1)	cmyk 20%, 0%, 56%, 18%
	#79b93a	rgb(121, 185, 58)	hsl(90 52% 48%)	hwb(90 23% 27%)	lch(69 65.7 124)	lab(69 -36.6 54.6)	cmyk 35%, 0%, 69%, 27%
	#49a01b	rgb(73, 160, 27)	hsl(99 71% 37%)	hwb(99 11% 37%)	lch(58.7 69.8 129)	lab(58.7 -44 54.2)	cmyk 54%, 0%, 83%, 37%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#f7f79e

AA - 1.11



#d8e97f

AA - 1.32



#a7d15c

AA - 1.76



#79b93a

AA - 2.38



#49a01b

AA - 3.31



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

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(95.7% -0.035 0.105), oklab(89.9% -0.059 0.118), oklab(80.6% -0.09 0.123), oklab(71.7% -0.115 0.126), oklab(62.7% -0.134 0.122))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #f7f79e, #d8e97f, #a7d15c, #79b93a, #49a01b)

Colors



<!-- Primary Colors -->
<color name="lemon_color_10">#f7f79e</color>
<color name="lemon_color_20">#d8e97f</color>
<color name="lemon_color_30">#a7d15c</color>
<color name="lemon_color_40">#79b93a</color>
<color name="lemon_color_50">#49a01b</color>

Gradient PRO

Pro feature only

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

PWA prompt