Storm Color Gradient

 #566a6e

 #6c7c85

Colors overview

 Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#566a6e	rgb(86, 106, 110)	hsl(190 12% 38%)	hwb(190 34% 57%)	lch(43.3 8.54 215)	lab(43.3 -7.02 -4.87)	cmyk 22%, 4%, 0%, 57%
	#6c7c85	rgb(108, 124, 133)	hsl(200 10% 47%)	hwb(200 42% 48%)	lch(50.9 8.36 237)	lab(50.9 -4.56 -7.01)	cmyk 19%, 7%, 0%, 48%

 Click a color format to copy to your clipboard.

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

#566a6e

AA - 5.7



#6c7c85

AA - 4.32



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(50.9% -0.021 -0.013), oklab(57.6% -0.014 -0.019))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #566a6e, #6c7c85)

Colors



<resources>
    <color name="storm_100">#566a6e</color>
    <color name="storm_200">#6c7c85</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt