Autumn Leaves

Actions

Explore the gradient in different formats, and actions.

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#e0b95e	rgb(224, 185, 94)	hsl(42 68% 62%)	hwb(42 37% 12%)	lch(77.3 51.3 82.3)	lab(77.3 6.85 50.8)	cmyk 0%, 17%, 58%, 12%
	#e9ca7c	rgb(233, 202, 124)	hsl(43 71% 70%)	hwb(43 49% 8.6%)	lch(82.7 43.2 84.7)	lab(82.7 3.96 43)	cmyk 0%, 13%, 47%, 9%

 Click a color format to copy to your clipboard.

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

#e0b95e

AA - 1.86



#E9CA7C

AA - 1.59



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(80.2% 0.008 0.118), oklab(84.9% 0.003 0.103))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #e0b95e, #E9CA7C)

Colors



<!-- Primary Colors -->
<color name="autumn_leaves_color_10">#e0b95e</color>
<color name="autumn_leaves_color_20">#E9CA7C</color>

Gradient PRO

Pro feature only

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

PWA prompt