#b8e78d

#ebf78d

#c7ed74

#a8e66e

#7fcc60

Lemon

#b8e78d

#ebf78d

#c7ed74

#a8e66e

#7fcc60



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b8e78d	rgb(184, 231, 141)	hsl(91 65% 73%)	hwb(91 55% 9.4%)	lch(86.8 47.2 125)	lab(86.8 -27.1 38.6)	cmyk 20%, 0%, 39%, 9%
	#ebf78d	rgb(235, 247, 141)	hsl(67 87% 76%)	hwb(67 55% 3.1%)	lch(94.6 51.6 107)	lab(94.6 -15.3 49.3)	cmyk 5%, 0%, 43%, 3%
	#c7ed74	rgb(199, 237, 116)	hsl(79 77% 69%)	hwb(79 45% 7.1%)	lch(89.1 59.7 116)	lab(89.1 -26.3 53.6)	cmyk 16%, 0%, 51%, 7%
	#a8e66e	rgb(168, 230, 110)	hsl(91 71% 67%)	hwb(91 43% 9.8%)	lch(85.2 62 124)	lab(85.2 -35.1 51.1)	cmyk 27%, 0%, 52%, 10%
	#7fcc60	rgb(127, 204, 96)	hsl(100 51% 59%)	hwb(100 38% 20%)	lch(75.3 60.2 131)	lab(75.3 -39.6 45.3)	cmyk 38%, 0%, 53%, 20%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#b8e78d

AA - 1.41



#ebf78d

AA - 1.15



#c7ed74

AA - 1.32



#a8e66e

AA - 1.47



#7fcc60

AA - 1.96



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(87.4% -0.083 0.096), oklab(94.5% -0.054 0.119), oklab(89.4% -0.086 0.128), oklab(85.7% -0.109 0.123), oklab(77.1% -0.12 0.11))

Fallback colors



background: linear-gradient(45deg, #b8e78d, #ebf78d, #c7ed74, #a8e66e, #7fcc60)

Colors



<!-- Primary Colors -->
<color name="lemon_color_10">#b8e78d</color>
<color name="lemon_color_20">#ebf78d</color>
<color name="lemon_color_30">#c7ed74</color>
<color name="lemon_color_40">#a8e66e</color>
<color name="lemon_color_50">#7fcc60</color>

PWA prompt