Neon Blue Color Gradient

 #002DFF

 #00F4FF

Colors overview

 Blue

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#002dff	rgb(0, 45, 255)	hsl(230 100% 50%)	hwb(230 0% 0%)	lch(33.9 119 298)	lab(33.9 55.9 -105)	cmyk 100%, 82%, 0%, 0%
	#00f4ff	rgb(0, 244, 255)	hsl(180 100% 50%)	hwb(180 0% 0%)	lch(87.4 50.5 203)	lab(87.4 -46.5 -19.8)	cmyk 100%, 4%, 0%, 0%

 Click a color format to copy to your clipboard.

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

#002DFF

AAA - 7.44



#00F4FF

AA - 1.36



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(47.8% -0.03 -0.294), oklab(87.9% -0.14 -0.053))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #002DFF, #00F4FF)

Colors



<resources>
    <color name="neon_blue_100">#002DFF</color>
    <color name="neon_blue_200">#00F4FF</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt