Energy Color Gradient

 #8eb309

 #d8ff4a

Colors overview

 Green

 Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#8eb309	rgb(142, 179, 9)	hsl(73 90% 37%)	hwb(73 3.5% 30%)	lch(68.3 72.5 112)	lab(68.3 -27.5 67)	cmyk 21%, 0%, 95%, 30%
	#d8ff4a	rgb(216, 255, 74)	hsl(73 100% 65%)	hwb(73 29% 0%)	lch(94.9 82.1 111)	lab(94.9 -29.9 76.5)	cmyk 15%, 0%, 71%, 0%

 Click a color format to copy to your clipboard.

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

#8eb309

AA - 2.44



#d8ff4a

AA - 1.14



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(71.4% -0.095 0.145), oklab(94.1% -0.104 0.172))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #8eb309, #d8ff4a)

Colors



<resources>
    <color name="energy_100">#8eb309</color>
    <color name="energy_200">#d8ff4a</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt