#A0D08C

#70B05C

#40902C

#107000

Tea Green



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a0d08c	rgb(160, 208, 140)	hsl(100 42% 68%)	hwb(100 55% 18%)	lch(78.8 38.4 132)	lab(78.8 -25.6 28.6)	cmyk 23%, 0%, 33%, 18%
	#70b05c	rgb(112, 176, 92)	hsl(110 35% 53%)	hwb(110 36% 31%)	lch(66 49.2 133)	lab(66 -33.5 36)	cmyk 36%, 0%, 48%, 31%
	#40902c	rgb(64, 144, 44)	hsl(110 53% 37%)	hwb(110 17% 44%)	lch(53.3 58.8 133)	lab(53.3 -40 43.1)	cmyk 56%, 0%, 69%, 44%
	#107000	rgb(16, 112, 0)	hsl(110 100% 22%)	hwb(110 0% 56%)	lch(40.8 60.9 133)	lab(40.8 -41.6 44.4)	cmyk 86%, 0%, 100%, 56%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#A0D08C

AA - 1.76



#70B05C

AA - 2.6



#40902C

AA - 4



#107000

AA - 6.28



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(80.7% -0.077 0.072), oklab(69.4% -0.1 0.088), oklab(58.2% -0.12 0.101), oklab(47.4% -0.124 0.098))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #A0D08C, #70B05C, #40902C, #107000)

Colors



<!-- Primary Colors -->
<color name="tea_green_color_10">#A0D08C</color>
<color name="tea_green_color_20">#70B05C</color>
<color name="tea_green_color_30">#40902C</color>
<color name="tea_green_color_40">#107000</color>

Gradient PRO

Pro feature only

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

PWA prompt