Sky Color Gradient

 #1e8cd6

 #39bbdb

Colors overview

 Blue

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#1e8cd6	rgb(30, 140, 214)	hsl(200 75% 48%)	hwb(200 12% 16%)	lch(55.2 48.1 258)	lab(55.2 -9.7 -47.1)	cmyk 86%, 35%, 0%, 16%
	#39bbdb	rgb(57, 187, 219)	hsl(190 69% 54%)	hwb(190 22% 14%)	lch(70.1 38.9 224)	lab(70.1 -28.2 -26.8)	cmyk 74%, 15%, 0%, 14%

 Click a color format to copy to your clipboard.

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

#1e8cd6

AA - 3.63



#39bbdb

AA - 2.25



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(61.8% -0.062 -0.131), oklab(73.6% -0.092 -0.073))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #1e8cd6, #39bbdb)

Colors



<resources>
    <color name="sky_100">#1e8cd6</color>
    <color name="sky_200">#39bbdb</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt