Heat Color Gradient

 #f58080

 #f5a1a1

Colors overview

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#f58080	rgb(245, 128, 128)	hsl(0 85% 73%)	hwb(0 50% 3.9%)	lch(67.4 50.5 25.3)	lab(67.4 45.7 21.6)	cmyk 0%, 48%, 48%, 4%
	#f5a1a1	rgb(245, 161, 161)	hsl(0 81% 80%)	hwb(0 63% 3.9%)	lch(74.8 34.8 23)	lab(74.8 32.1 13.6)	cmyk 0%, 34%, 34%, 4%

 Click a color format to copy to your clipboard.

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

#f58080

AA - 2.53



#f5a1a1

AA - 2



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(73.1% 0.134 0.052), oklab(79.2% 0.095 0.034))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #f58080, #f5a1a1)

Colors



<resources>
    <color name="heat_100">#f58080</color>
    <color name="heat_200">#f5a1a1</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt