#1DA1F2

#0d90e0

Twitter



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

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.

Contrast ratios checker

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

#1DA1F2

AA - 2.82



#0d90e0

AA - 3.45



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(68.2% -0.071 -0.142), oklab(63.1% -0.066 -0.141))

Fallback colors



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

Colors



<!-- Primary Colors -->
<color name="twitter_color_10">#1DA1F2</color>
<color name="twitter_color_20">#0d90e0</color>

Gradient PRO

Pro feature only

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

PWA prompt