Sapphire Color Gradient

 #051b8a

 #0037db

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#051b8a	rgb(5, 27, 138)	hsl(230 93% 28%)	hwb(230 2% 46%)	lch(17.3 70.9 296)	lab(17.3 31.4 -63.6)	cmyk 96%, 80%, 0%, 46%
	#0037db	rgb(0, 55, 219)	hsl(220 100% 43%)	hwb(220 0% 14%)	lch(31.9 96.6 295)	lab(31.9 40.5 -87.8)	cmyk 100%, 75%, 0%, 14%

 Click a color format to copy to your clipboard.

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

#051b8a

AAA - 13.72



#0037db

AAA - 8.17



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(31.4% -0.016 -0.179), oklab(44.9% -0.027 -0.247))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #051b8a, #0037db)

Colors



<!-- Primary Colors -->
<color name="sapphire_color_10">#051b8a</color>
<color name="sapphire_color_20">#0037db</color>

Gradient PRO

Pro feature only

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

PWA prompt