Naig Color Gradient

 #68e36e

 #5ca8ff

Colors overview

Green

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#68e36e	rgb(104, 227, 110)	hsl(120 69% 65%)	hwb(120 41% 11%)	lch(81.3 70.4 139)	lab(81.3 -53.5 45.7)	cmyk 54%, 0%, 52%, 11%
	#5ca8ff	rgb(92, 168, 255)	hsl(210 100% 68%)	hwb(210 36% 0%)	lch(66.9 51.2 266)	lab(66.9 -3.95 -51.1)	cmyk 64%, 34%, 0%, 0%

 Click a color format to copy to your clipboard.

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

#68e36e

AA - 1.64



#5ca8ff

AA - 2.47



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(81.9% -0.156 0.112), oklab(72.1% -0.043 -0.142))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #68e36e, #5ca8ff)

Colors



<!-- Primary Colors -->
<color name="naig_color_10">#68e36e</color>
<color name="naig_color_20">#5ca8ff</color>

Gradient PRO

Pro feature only

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

PWA prompt