#558B2F

#41691A

#2C4A0D

#172D00

Zombie

Actions

Explore the gradient in different formats, and actions.

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#558b2f	rgb(85, 139, 47)	hsl(95 49% 36%)	hwb(95 18% 45%)	lch(52.6 51.9 127)	lab(52.6 -31.1 41.6)	cmyk 39%, 0%, 66%, 45%
	#41691a	rgb(65, 105, 26)	hsl(90 60% 26%)	hwb(90 10% 59%)	lch(40.2 44.9 124)	lab(40.2 -25.1 37.3)	cmyk 38%, 0%, 75%, 59%
	#2c4a0d	rgb(44, 74, 13)	hsl(90 70% 17%)	hwb(90 5.1% 71%)	lch(28.1 36.3 123)	lab(28.1 -20 30.3)	cmyk 41%, 0%, 82%, 71%
	#172d00	rgb(23, 45, 0)	hsl(89 100% 8.8%)	hwb(89 0% 82%)	lch(15.9 27.3 125)	lab(15.9 -15.8 22.3)	cmyk 49%, 0%, 100%, 82%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#558B2F

AA - 4.1



#41691A

AA - 6.44



#2C4A0D

AAA - 10.03



#172D00

AAA - 14.87



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(57.9% -0.096 0.097), oklab(47.4% -0.079 0.085), oklab(37.2% -0.063 0.069), oklab(26.8% -0.05 0.055))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #558B2F, #41691A, #2C4A0D, #172D00)

Colors



<!-- Primary Colors -->
<color name="zombie_color_10">#558B2F</color>
<color name="zombie_color_20">#41691A</color>
<color name="zombie_color_30">#2C4A0D</color>
<color name="zombie_color_40">#172D00</color>

Gradient PRO

Pro feature only

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

PWA prompt