Almond

Actions

Explore the gradient in different formats, and actions.

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ab784e	rgb(171, 120, 78)	hsl(27 37% 49%)	hwb(27 31% 33%)	lch(55.1 35.6 61.4)	lab(55.1 17.1 31.3)	cmyk 0%, 30%, 54%, 33%
	#99653a	rgb(153, 101, 58)	hsl(27 45% 41%)	hwb(27 23% 40%)	lch(47.8 37.7 60.9)	lab(47.8 18.3 33)	cmyk 0%, 34%, 62%, 40%

 Click a color format to copy to your clipboard.

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

#ab784e

AA - 3.79



#99653a

AA - 4.9



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(61.5% 0.043 0.074), oklab(55.3% 0.046 0.076))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #ab784e, #99653a)

Colors



<!-- Primary Colors -->
<color name="almond_color_10">#ab784e</color>
<color name="almond_color_20">#99653a</color>

Gradient PRO

Pro feature only

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

PWA prompt