Salmon Color Gradient

 #fa8072

 #e85f4c

Colors overview

 Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#fa8072	rgb(250, 128, 114)	hsl(6.2 93% 71%)	hwb(6.2 45% 2%)	lch(67.8 55.5 32.9)	lab(67.8 46.6 30.2)	cmyk 0%, 49%, 54%, 2%
	#e85f4c	rgb(232, 95, 76)	hsl(7.3 77% 60%)	hwb(7.3 30% 9%)	lch(58.6 66.1 36.3)	lab(58.6 53.3 39.1)	cmyk 0%, 59%, 67%, 9%

 Click a color format to copy to your clipboard.

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

#fa8072

AA - 2.5



#e85f4c

AA - 3.4



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.5% 0.134 0.071), oklab(65.7% 0.15 0.088))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #fa8072, #e85f4c)

Colors



<resources>
    <color name="salmon_100">#fa8072</color>
    <color name="salmon_200">#e85f4c</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt