Pear Color Palette

#507D46

#6C9A3D

#90B638

#A4C65F

#507D46

#6C9A3D

#90B638

#A4C65F

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#507d46	rgb(80, 125, 70)	hsl(110 28% 38%)	hwb(110 27% 51%)	lch(48.1 35 135)	lab(48.1 -24.7 24.9)	cmyk 36%, 0%, 44%, 51%
	#6c9a3d	rgb(108, 154, 61)	hsl(90 43% 42%)	hwb(90 24% 40%)	lch(58.8 50.9 123)	lab(58.8 -28.1 42.4)	cmyk 30%, 0%, 60%, 40%
	#90b638	rgb(144, 182, 56)	hsl(78 53% 47%)	hwb(78 22% 29%)	lch(69.5 62.4 115)	lab(69.5 -26.8 56.4)	cmyk 21%, 0%, 69%, 29%
	#a4c65f	rgb(164, 198, 95)	hsl(80 47% 57%)	hwb(80 37% 22%)	lch(75.7 52.6 117)	lab(75.7 -23.8 47)	cmyk 17%, 0%, 52%, 22%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#507D46

AA - 4.81



#6C9A3D

AA - 3.31



#90B638

AA - 2.35



#A4C65F

AA - 1.94



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(54.3% -0.074 0.062), oklab(63.3% -0.088 0.1), oklab(72.4% -0.089 0.129), oklab(77.9% -0.077 0.112))

Fallback colors



background: linear-gradient(45deg, #507D46, #6C9A3D, #90B638, #A4C65F)

Colors



<!-- Primary Colors -->
<color name="pear_color_10">#507D46</color>
<color name="pear_color_20">#6C9A3D</color>
<color name="pear_color_30">#90B638</color>
<color name="pear_color_40">#A4C65F</color>

PWA prompt