Apple Color Gradient

 #c94545

 #ad2f2f

Colors overview

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#c94545	rgb(201, 69, 69)	hsl(0 55% 53%)	hwb(0 27% 21%)	lch(49 61.2 29.7)	lab(49 53.2 30.4)	cmyk 0%, 66%, 66%, 21%
	#ad2f2f	rgb(173, 47, 47)	hsl(0 57% 43%)	hwb(0 18% 32%)	lch(40.4 60.5 31.8)	lab(40.4 51.4 31.9)	cmyk 0%, 73%, 73%, 32%

 Click a color format to copy to your clipboard.

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

#c94545

AA - 4.75



#ad2f2f

AA - 6.51



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(57.5% 0.153 0.069), oklab(50.1% 0.147 0.07))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #c94545, #ad2f2f)

Colors



<resources>
    <color name="apple_100">#c94545</color>
    <color name="apple_200">#ad2f2f</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt