Ultramarine Blue Color Gradient

 #1a00c2

 #1418ff

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#1a00c2	rgb(26, 0, 194)	hsl(250 100% 38%)	hwb(250 0% 24%)	lch(21.9 106 302)	lab(21.9 56 -89.8)	cmyk 87%, 100%, 0%, 24%
	#1418ff	rgb(20, 24, 255)	hsl(240 100% 54%)	hwb(240 7.8% 0%)	lch(31.5 126 300)	lab(31.5 63.9 -109)	cmyk 92%, 91%, 0%, 0%

 Click a color format to copy to your clipboard.

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

#1a00c2

AAA - 11.51



#1418ff

AAA - 8.06



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(37.5% -0.009 -0.25), oklab(46.5% -0.023 -0.304))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #1a00c2, #1418ff)

Colors



<!-- Primary Colors -->
<color name="ultramarine_blue_color_10">#1a00c2</color>
<color name="ultramarine_blue_color_20">#1418ff</color>

Gradient PRO

Pro feature only

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

PWA prompt