Indigo Color Gradient

 #4264fb

 #5a77fa

Colors overview

 Purple

 Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#4264fb	rgb(66, 100, 251)	hsl(230 96% 62%)	hwb(230 26% 1.6%)	lch(47.2 85.5 290)	lab(47.2 28.7 -80.5)	cmyk 74%, 60%, 0%, 2%
	#5a77fa	rgb(90, 119, 250)	hsl(230 94% 67%)	hwb(230 35% 2%)	lch(53.3 73.2 287)	lab(53.3 21.3 -70.1)	cmyk 64%, 52%, 0%, 2%

 Click a color format to copy to your clipboard.

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

#4264fb

AA - 4.72



#5a77fa

AA - 3.85



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(57.1% -0.007 -0.227), oklab(61.7% 0.001 -0.197))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #4264fb, #5a77fa)

Colors



<resources>
    <color name="indigo_100">#4264fb</color>
    <color name="indigo_200">#5a77fa</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt