Maker Color Gradient

 #0affca

 #50ff0a

Colors overview

 Green

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#0affca	rgb(10, 255, 202)	hsl(170 100% 52%)	hwb(170 3.9% 0%)	lch(89.6 62.1 170)	lab(89.6 -61.2 10.6)	cmyk 96%, 0%, 21%, 0%
	#50ff0a	rgb(80, 255, 10)	hsl(100 100% 52%)	hwb(100 3.9% 0%)	lch(88.7 109 132)	lab(88.7 -72 81.4)	cmyk 69%, 0%, 96%, 0%

 Click a color format to copy to your clipboard.

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

#0affca

AA - 1.29



#50ff0a

AA - 1.34



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(89% -0.172 0.029), oklab(87.6% -0.216 0.18))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #0affca, #50ff0a	)

Colors



<resources>
    <color name="maker_100">#0affca</color>
    <color name="maker_200">#50ff0a	</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt