Day Color Gradient

 #ff8aec

 #ffa6a6

Colors overview

 Purple

 Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ff8aec	rgb(255, 138, 236)	hsl(310 100% 77%)	hwb(310 54% 0%)	lch(73.3 62.1 331)	lab(73.3 54.6 -29.6)	cmyk 0%, 46%, 7%, 0%
	#ffa6a6	rgb(255, 166, 166)	hsl(0 100% 83%)	hwb(0 65% 0%)	lch(77.2 36.7 23.1)	lab(77.2 33.8 14.4)	cmyk 0%, 35%, 35%, 0%

 Click a color format to copy to your clipboard.

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

#ff8aec

AA - 2.07



#ffa6a6

AA - 1.86



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(79.2% 0.164 -0.082), oklab(81.3% 0.1 0.035))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #ff8aec, #ffa6a6)

Colors



<resources>
    <color name="day_100">#ff8aec</color>
    <color name="day_200">#ffa6a6</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt