Twitter Color Gradient

 #1DA1F2

 #0d90e0

Colors overview

 Cyan

 Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#1da1f2	rgb(29, 161, 242)	hsl(200 89% 53%)	hwb(200 11% 5.1%)	lch(62.7 52.3 257)	lab(62.7 -12.2 -50.8)	cmyk 88%, 33%, 0%, 5%
	#0d90e0	rgb(13, 144, 224)	hsl(200 89% 46%)	hwb(200 5.1% 12%)	lch(56.7 51.3 259)	lab(56.7 -9.72 -50.4)	cmyk 94%, 36%, 0%, 12%

 Click a color format to copy to your clipboard.

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

#1DA1F2

AA - 2.82



#0d90e0

AA - 3.45



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(68.2% -0.071 -0.142), oklab(63.1% -0.066 -0.141))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #1DA1F2, #0d90e0)

Colors



<resources>
    <color name="twitter_100">#1DA1F2</color>
    <color name="twitter_200">#0d90e0</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt