Green Fireworks

 #e1ffde

 #a2ff99

 #59cf4f

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e1ffde	rgb(225, 255, 222)	hsl(110 100% 94%)	hwb(110 87% 0%)	lch(97.2 19.1 139)	lab(97.2 -14.5 12.4)	cmyk 12%, 0%, 13%, 0%
	#a2ff99	rgb(162, 255, 153)	hsl(110 100% 80%)	hwb(110 60% 0%)	lch(92.4 58.7 138)	lab(92.4 -43.3 39.6)	cmyk 36%, 0%, 40%, 0%
	#59cf4f	rgb(89, 207, 79)	hsl(120 57% 56%)	hwb(120 31% 19%)	lch(74.5 73.9 136)	lab(74.5 -53 51.4)	cmyk 57%, 0%, 62%, 19%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#e1ffde

AA - 1.07



#a2ff99

AA - 1.21



#59cf4f

AA - 2



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

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(97% -0.043 0.032), oklab(91.8% -0.128 0.099), oklab(76% -0.157 0.122))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #e1ffde, #a2ff99, #59cf4f)

Colors



<resources>
    <color name="green_fireworks_100">#e1ffde</color>
    <color name="green_fireworks_200">#a2ff99</color>
    <color name="green_fireworks_300">#59cf4f</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt