Glow Color Gradient

 #ff3864

 #fc7995

 #ff99ad

Colors overview

 Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ff3864	rgb(255, 56, 100)	hsl(350 100% 61%)	hwb(350 22% 0%)	lch(57.9 79.1 18.9)	lab(57.9 74.8 25.6)	cmyk 0%, 78%, 61%, 0%
	#fc7995	rgb(252, 121, 149)	hsl(350 96% 73%)	hwb(350 47% 1.2%)	lch(67.4 53.8 10.8)	lab(67.4 52.9 10.1)	cmyk 0%, 52%, 41%, 1%
	#ff99ad	rgb(255, 153, 173)	hsl(350 100% 80%)	hwb(350 60% 0%)	lch(74.6 41.3 9.57)	lab(74.6 40.8 6.88)	cmyk 0%, 40%, 32%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ff3864

AA - 3.49



#fc7995

AA - 2.52



#ff99ad

AA - 2.01



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

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(65.9% 0.224 0.058), oklab(73.5% 0.16 0.024), oklab(79.3% 0.123 0.016))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #ff3864, #fc7995, #ff99ad)

Colors



<resources>
    <color name="glow_100">#ff3864</color>
    <color name="glow_200">#fc7995</color>
    <color name="glow_300">#ff99ad</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt