Forest

#A7D1AB

#789066

#5A6A4D

#3B4632

#1C2317

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a7d1ab	rgb(167, 209, 171)	hsl(130 31% 74%)	hwb(130 65% 18%)	lch(80.1 24.4 144)	lab(80.1 -19.9 14.2)	cmyk 20%, 0%, 18%, 18%
	#789066	rgb(120, 144, 102)	hsl(94 17% 48%)	hwb(94 40% 44%)	lch(57.1 24.5 127)	lab(57.1 -14.9 19.5)	cmyk 17%, 0%, 29%, 44%
	#5a6a4d	rgb(90, 106, 77)	hsl(93 16% 36%)	hwb(93 30% 58%)	lch(42.8 17.8 127)	lab(42.8 -10.6 14.3)	cmyk 15%, 0%, 27%, 58%
	#3b4632	rgb(59, 70, 50)	hsl(93 17% 24%)	hwb(93 20% 73%)	lch(28.3 13.2 127)	lab(28.3 -7.87 10.6)	cmyk 16%, 0%, 29%, 73%
	#1c2317	rgb(28, 35, 23)	hsl(95 21% 11%)	hwb(95 9% 86%)	lch(12.7 8.87 128)	lab(12.7 -5.45 7)	cmyk 20%, 0%, 34%, 86%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#A7D1AB

AA - 1.7



#789066

AA - 3.51



#5A6A4D

AA - 5.82



#3B4632

AAA - 9.96



#1C2317

AAA - 16.12



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(82% -0.058 0.037), oklab(62.3% -0.045 0.049), oklab(50.3% -0.032 0.036), oklab(37.8% -0.024 0.027), oklab(24.5% -0.016 0.018))

Fallback colors



background: linear-gradient(45deg, #A7D1AB, #789066, #5A6A4D, #3B4632, #1C2317)

Colors



<!-- Primary Colors -->
<color name="forest_color_10">#A7D1AB</color>
<color name="forest_color_20">#789066</color>
<color name="forest_color_30">#5A6A4D</color>
<color name="forest_color_40">#3B4632</color>
<color name="forest_color_50">#1C2317</color>

PWA prompt