Cyan Color Gradient

 #2fe0cb

 #1c8079

Colors overview

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#2fe0cb	rgb(47, 224, 203)	hsl(170 74% 53%)	hwb(170 18% 12%)	lch(80.6 48.2 183)	lab(80.6 -48.1 -2.66)	cmyk 79%, 0%, 9%, 12%
	#1c8079	rgb(28, 128, 121)	hsl(180 64% 31%)	hwb(180 11% 50%)	lch(48.1 30.2 189)	lab(48.1 -29.9 -4.64)	cmyk 78%, 0%, 5%, 50%

 Click a color format to copy to your clipboard.

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

#2fe0cb

AA - 1.66



#1c8079

AA - 4.75



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(81.8% -0.138 -0.006), oklab(54.4% -0.087 -0.012))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #2fe0cb, #1c8079)

Colors



<resources>
    <color name="cyan_100">#2fe0cb</color>
    <color name="cyan_200">#1c8079</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt