Telemagenta Color Gradient

 #ff66d4

 #d54cae

Colors overview

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#ff66d4	rgb(255, 102, 212)	hsl(320 100% 70%)	hwb(320 40% 0%)	lch(66.3 72.7 338)	lab(66.3 67.5 -26.9)	cmyk 0%, 60%, 17%, 0%
	#d54cae	rgb(213, 76, 174)	hsl(320 62% 57%)	hwb(320 30% 16%)	lch(54.6 66.2 339)	lab(54.6 61.8 -23.9)	cmyk 0%, 64%, 18%, 16%

 Click a color format to copy to your clipboard.

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

#ff66d4

AA - 2.59



#d54cae

AA - 3.83



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(73.7% 0.207 -0.074), oklab(63.3% 0.19 -0.066))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #ff66d4, #d54cae)

Colors



<!-- Primary Colors -->
<color name="telemagenta_color_10">#ff66d4</color>
<color name="telemagenta_color_20">#d54cae</color>

Gradient PRO

Pro feature only

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

PWA prompt