Teal Color Gradient

 #52ffd7

 #10e3ca

Colors overview

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#52ffd7	rgb(82, 255, 215)	hsl(170 100% 66%)	hwb(170 32% 0%)	lch(90.6 53.2 174)	lab(90.6 -52.9 5.67)	cmyk 68%, 0%, 16%, 0%
	#10e3ca	rgb(16, 227, 202)	hsl(170 87% 48%)	hwb(170 6.3% 11%)	lch(81.2 51.4 181)	lab(81.2 -51.4 -1.32)	cmyk 93%, 0%, 11%, 11%

 Click a color format to copy to your clipboard.

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

#52ffd7

AA - 1.26



#10e3ca

AA - 1.63



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(90.2% -0.15 0.016), oklab(82.2% -0.147 -0.003))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #52ffd7, #10e3ca)

Colors



<resources>
    <color name="teal_100">#52ffd7</color>
    <color name="teal_200">#10e3ca</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt