Forest Color Gradient

 #629cb3

 #2f5b33

Colors overview

Green

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#629cb3	rgb(98, 156, 179)	hsl(200 35% 54%)	hwb(200 38% 30%)	lch(61 23.7 231)	lab(61 -15 -18.3)	cmyk 45%, 13%, 0%, 30%
	#2f5b33	rgb(47, 91, 51)	hsl(130 32% 27%)	hwb(130 18% 64%)	lch(34.7 29.4 142)	lab(34.7 -23.1 18.1)	cmyk 48%, 0%, 44%, 64%

 Click a color format to copy to your clipboard.

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

#629cb3

AA - 3.03



#2f5b33

AAA - 7.87



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(66.2% -0.049 -0.049), oklab(42.8% -0.067 0.046))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #629cb3, #2f5b33)

Colors



<!-- Primary Colors -->
<color name="forest_color_10">#629cb3</color>
<color name="forest_color_20">#2f5b33</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt