Orange Color Gradient

 #ea835a

 #ff692e

Colors overview

 Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ea835a	rgb(234, 131, 90)	hsl(17 77% 64%)	hwb(17 35% 8.2%)	lch(65.9 55.2 46.6)	lab(65.9 37.9 40.1)	cmyk 0%, 44%, 62%, 8%
	#ff692e	rgb(255, 105, 46)	hsl(17 100% 59%)	hwb(17 18% 0%)	lch(63.8 82.6 47.1)	lab(63.8 56.3 60.5)	cmyk 0%, 59%, 82%, 0%

 Click a color format to copy to your clipboard.

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

#ea835a

AA - 2.66



#ff692e

AA - 2.87



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(71.5% 0.103 0.093), oklab(70.1% 0.15 0.126))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #ea835a, #ff692e)

Colors



<resources>
    <color name="orange_100">#ea835a</color>
    <color name="orange_200">#ff692e</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt