Pumpkin Color Gradient

 #ED6A16

 #FC7807

Colors overview

 Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ed6a16	rgb(237, 106, 22)	hsl(23 86% 51%)	hwb(23 8.6% 7.1%)	lch(61 81.7 53.2)	lab(61 49 65.4)	cmyk 0%, 55%, 91%, 7%
	#fc7807	rgb(252, 120, 7)	hsl(28 98% 51%)	hwb(28 2.7% 1.2%)	lch(65.9 87 56.4)	lab(65.9 48.1 72.5)	cmyk 0%, 52%, 97%, 1%

 Click a color format to copy to your clipboard.

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

#ED6A16

AA - 3.14



#FC7807

AA - 2.68



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 space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(67.5% 0.126 0.131), oklab(71.6% 0.121 0.144))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #ED6A16, #FC7807)

Colors



<resources>
    <color name="pumpkin_100">#ED6A16</color>
    <color name="pumpkin_200">#FC7807</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt