Forest

#A7D1AB

#789066

#5A6A4D

#3B4632

#1C2317

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#a7d1ab	rgb(167, 209, 171)	hsl(130 31% 74%)	oklab(82% -0.06 0.04)	oklch(82% 0.07 150)	color(display-p3 0.69 0.81 0.68)
	#789066	rgb(120, 144, 102)	hsl(94 17% 48%)	oklab(62% -0.04 0.05)	oklch(62% 0.07 130)	color(display-p3 0.49 0.56 0.42)
	#5a6a4d	rgb(90, 106, 77)	hsl(93 16% 36%)	oklab(50% -0.03 0.04)	oklch(50% 0.05 130)	color(display-p3 0.37 0.41 0.31)
	#3b4632	rgb(59, 70, 50)	hsl(93 17% 24%)	oklab(38% -0.02 0.03)	oklch(38% 0.04 130)	color(display-p3 0.24 0.27 0.2)
	#1c2317	rgb(28, 35, 23)	hsl(95 21% 11%)	oklab(25% -0.02 0.02)	oklch(25% 0.02 130)	color(display-p3 0.12 0.14 0.09)

 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.

#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