Android

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#56c479	rgb(86, 196, 121)	hsl(140 48% 55%)	hwb(140 34% 23%)	lch(71.4 53.3 149)	lab(71.4 -45.5 27.8)	cmyk 56%, 0%, 38%, 23%
	#87dd90	rgb(135, 221, 144)	hsl(130 56% 70%)	hwb(130 53% 13%)	lch(81.2 48.8 143)	lab(81.2 -38.9 29.4)	cmyk 39%, 0%, 35%, 13%
	#a9edac	rgb(169, 237, 172)	hsl(120 65% 80%)	hwb(120 66% 7.1%)	lch(88 39.9 142)	lab(88 -31.5 24.5)	cmyk 29%, 0%, 27%, 7%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#56c479

AA - 2.19



#87dd90

AA - 1.64



#a9edac

AA - 1.36



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(73.7% -0.13 0.071), oklab(82.4% -0.113 0.075), oklab(88.4% -0.092 0.063))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #56c479, #87dd90, #a9edac)

Colors



<!-- Primary Colors -->
<color name="android_color_10">#56c479</color>
<color name="android_color_20">#87dd90</color>
<color name="android_color_30">#a9edac</color>

Gradient PRO

Pro feature only

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

PWA prompt