Plant

#497A16

#619806

#7EB013

#CFED6F

#D8FC9E

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#497a16	rgb(73, 122, 22)	hsl(89 69% 28%)	hwb(89 8.6% 52%)	lch(46.3 53.5 124)	lab(46.3 -29.6 44.6)	cmyk 40%, 0%, 82%, 52%
	#619806	rgb(97, 152, 6)	hsl(83 92% 31%)	hwb(83 2.4% 40%)	lch(57.3 66.7 120)	lab(57.3 -33.6 57.6)	cmyk 36%, 0%, 96%, 40%
	#7eb013	rgb(126, 176, 19)	hsl(79 81% 38%)	hwb(79 7.5% 31%)	lch(66.4 71.4 117)	lab(66.4 -32.4 63.6)	cmyk 28%, 0%, 89%, 31%
	#cfed6f	rgb(207, 237, 111)	hsl(74 78% 68%)	hwb(74 44% 7.1%)	lch(89.7 61.3 113)	lab(89.7 -23.6 56.5)	cmyk 13%, 0%, 53%, 7%
	#d8fc9e	rgb(216, 252, 158)	hsl(83 94% 80%)	hwb(83 62% 1.2%)	lch(94.8 47.2 120)	lab(94.8 -23.3 41)	cmyk 14%, 0%, 37%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#497A16

AA - 5.14



#619806

AA - 3.49



#7EB013

AA - 2.59



#CFED6F

AA - 1.31



#D8FC9E

AA - 1.14



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(52.5% -0.093 0.1), oklab(61.7% -0.108 0.126), oklab(69.6% -0.107 0.14), oklab(89.9% -0.08 0.134), oklab(94.4% -0.073 0.102))

Fallback colors



background: linear-gradient(45deg, #497A16, #619806, #7EB013, #CFED6F, #D8FC9E)

Colors



<!-- Primary Colors -->
<color name="plant_color_10">#497A16</color>
<color name="plant_color_20">#619806</color>
<color name="plant_color_30">#7EB013</color>
<color name="plant_color_40">#CFED6F</color>
<color name="plant_color_50">#D8FC9E</color>

PWA prompt