#08d11d

#1b9616

#077a05

#044501

Life

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#08d11d	rgb(8, 209, 29)	hsl(130 93% 43%)	hwb(130 3.1% 18%)	lch(73.4 94.3 136)	lab(73.4 -67.4 66)	cmyk 96%, 0%, 86%, 18%
	#1b9616	rgb(27, 150, 22)	hsl(120 74% 34%)	hwb(120 8.6% 41%)	lch(54.2 71.8 135)	lab(54.2 -50.6 50.9)	cmyk 82%, 0%, 85%, 41%
	#077a05	rgb(7, 122, 5)	hsl(120 92% 25%)	hwb(120 2% 52%)	lch(44.2 64.5 135)	lab(44.2 -45.2 46)	cmyk 94%, 0%, 96%, 52%
	#044501	rgb(4, 69, 1)	hsl(120 97% 14%)	hwb(120 0.39% 73%)	lch(24.6 43.3 134)	lab(24.6 -30.2 31.1)	cmyk 94%, 0%, 99%, 73%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#08d11d

AA - 2.06



#1b9616

AA - 3.87



#077a05

AA - 5.53



#044501

AAA - 11.3



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(74.7% -0.198 0.149), oklab(58.7% -0.149 0.115), oklab(50.3% -0.133 0.103), oklab(33.9% -0.089 0.07))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #08d11d, #1b9616, #077a05, #044501)

Colors



<!-- Primary Colors -->
<color name="life_color_10">#08d11d</color>
<color name="life_color_20">#1b9616</color>
<color name="life_color_30">#077a05</color>
<color name="life_color_40">#044501</color>

Gradient PRO

Pro feature only

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

PWA prompt