Lemon Lime Color Gradient

 #DBE434

 #75C18D

Colors overview

Yellow

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#dbe434	rgb(219, 228, 52)	hsl(63 77% 55%)	hwb(63 20% 11%)	lch(87.8 78.8 103)	lab(87.8 -17.5 76.8)	cmyk 4%, 0%, 77%, 11%
	#75c18d	rgb(117, 193, 141)	hsl(140 38% 61%)	hwb(140 46% 24%)	lch(72.1 38 151)	lab(72.1 -33.2 18.6)	cmyk 39%, 0%, 27%, 24%

 Click a color format to copy to your clipboard.

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

#DBE434

AA - 1.38



#75C18D

AA - 2.14



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(88.4% -0.071 0.169), oklab(74.7% -0.096 0.048))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #DBE434, #75C18D)

Colors



<!-- Primary Colors -->
<color name="lemon_lime_color_10">#DBE434</color>
<color name="lemon_lime_color_20">#75C18D</color>

Gradient PRO

Pro feature only

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

PWA prompt