Resolutions

Actions

Explore the gradient in different formats, and actions.

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#11193e	rgb(17, 25, 62)	hsl(230 57% 15%)	hwb(230 6.7% 76%)	lch(9.9 26.5 287)	lab(9.9 7.59 -25.4)	cmyk 73%, 60%, 0%, 76%
	#2a347a	rgb(42, 52, 122)	hsl(230 49% 32%)	hwb(230 16% 52%)	lch(24.2 44.6 289)	lab(24.2 14.7 -42.1)	cmyk 66%, 57%, 0%, 52%

 Click a color format to copy to your clipboard.

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

#11193e

AAA - 17.03



#2a347a

AAA - 11.22



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(23.1% 0.001 -0.071), oklab(35.9% 0.006 -0.119))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #11193e, #2a347a)

Colors



<!-- Primary Colors -->
<color name="resolutions_color_10">#11193e</color>
<color name="resolutions_color_20">#2a347a</color>

Gradient PRO

Pro feature only

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

PWA prompt