Red Sky Color Gradient

 #960e49

 #f7748e

Colors overview

Red

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#960e49	rgb(150, 14, 73)	hsl(330 83% 32%)	hwb(330 5.5% 41%)	lch(32.9 54.7 4.87)	lab(32.9 54.5 4.64)	cmyk 0%, 91%, 51%, 41%
	#f7748e	rgb(247, 116, 142)	hsl(350 89% 71%)	hwb(350 45% 3.1%)	lch(65.6 54.1 12.2)	lab(65.6 52.9 11.4)	cmyk 0%, 53%, 43%, 3%

 Click a color format to copy to your clipboard.

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

#960e49

AAA - 8.55



#f7748e

AA - 2.67



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(44% 0.169 0.009), oklab(72% 0.159 0.027))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #960e49, #f7748e)

Colors



<!-- Primary Colors -->
<color name="red_sky_color_10">#960e49</color>
<color name="red_sky_color_20">#f7748e</color>

Gradient PRO

Pro feature only

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

PWA prompt