Lemon

#b8e78d

#ebf78d

#c7ed74

#a8e66e

#7fcc60

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#b8e78d	rgb(184, 231, 141)	hsl(91 65% 73%)	oklab(87% -0.08 0.1)	oklch(87% 0.13 130)	color(display-p3 0.76 0.9 0.59)
	#ebf78d	rgb(235, 247, 141)	hsl(67 87% 76%)	oklab(94% -0.05 0.12)	oklch(94% 0.13 110)	color(display-p3 0.93 0.97 0.6)
	#c7ed74	rgb(199, 237, 116)	hsl(79 77% 69%)	oklab(89% -0.09 0.13)	oklch(89% 0.15 120)	color(display-p3 0.81 0.92 0.52)
	#a8e66e	rgb(168, 230, 110)	hsl(91 71% 67%)	oklab(86% -0.11 0.12)	oklch(86% 0.16 130)	color(display-p3 0.71 0.9 0.49)
	#7fcc60	rgb(127, 204, 96)	hsl(100 51% 59%)	oklab(77% -0.12 0.11)	oklch(77% 0.16 140)	color(display-p3 0.57 0.79 0.43)

 Click on a color value to copy it 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