Fall Color Gradient

 #F7941D

 #D35400

 #9E2800

 #791800

 #550A00

Colors overview

 Red

 Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f7941d	rgb(247, 148, 29)	hsl(33 93% 54%)	hwb(33 11% 3.1%)	lch(70.9 78.2 65.1)	lab(70.9 32.9 71)	cmyk 0%, 40%, 88%, 3%
	#d35400	rgb(211, 84, 0)	hsl(24 100% 41%)	hwb(24 0% 17%)	lch(52.8 79.9 52.1)	lab(52.8 49 63)	cmyk 0%, 60%, 100%, 17%
	#9e2800	rgb(158, 40, 0)	hsl(15 100% 31%)	hwb(15 0% 38%)	lch(36.2 69.1 45.9)	lab(36.2 48 49.6)	cmyk 0%, 75%, 100%, 38%
	#791800	rgb(121, 24, 0)	hsl(12 100% 24%)	hwb(12 0% 53%)	lch(26.5 56.6 43.5)	lab(26.5 41.1 38.9)	cmyk 0%, 80%, 100%, 53%
	#550a00	rgb(85, 10, 0)	hsl(7.1 100% 17%)	hwb(7.1 0% 67%)	lch(16.7 42.1 37.8)	lab(16.7 33.3 25.8)	cmyk 0%, 88%, 100%, 67%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F7941D

AA - 2.28



#D35400

AA - 4.16



#9E2800

AAA - 7.61



#791800

AAA - 10.8



#550A00

AAA - 14.68



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(75.4% 0.075 0.147), oklab(60.4% 0.127 0.122), oklab(46.3% 0.13 0.093), oklab(37.7% 0.112 0.076), oklab(29.1% 0.091 0.058))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #F7941D, #D35400, #9E2800, #791800, #550A00)

Colors



<resources>
    <color name="fall_100">#F7941D</color>
    <color name="fall_200">#D35400</color>
    <color name="fall_300">#9E2800</color>
    <color name="fall_400">#791800</color>
    <color name="fall_500">#550A00</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt