New Color Gradient

 #dbffe5

 #59bd72

 #00612a

Colors overview

Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#dbffe5	rgb(219, 255, 229)	hsl(140 100% 93%)	hwb(140 86% 0%)	lch(96.9 17.7 152)	lab(96.9 -15.6 8.4)	cmyk 14%, 0%, 10%, 0%
	#59bd72	rgb(89, 189, 114)	hsl(140 43% 55%)	hwb(140 35% 26%)	lch(69.3 51.7 146)	lab(69.3 -43 28.7)	cmyk 53%, 0%, 40%, 26%
	#00612a	rgb(0, 97, 42)	hsl(150 100% 19%)	hwb(150 0% 62%)	lch(35.4 43.2 147)	lab(35.4 -36 23.8)	cmyk 100%, 0%, 57%, 62%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#dbffe5

AA - 1.07



#59bd72

AA - 2.34



#00612a

AAA - 7.65



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(96.7% -0.046 0.022), oklab(71.9% -0.124 0.073), oklab(43.1% -0.102 0.059))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #dbffe5, #59bd72, #00612a)

Colors



<!-- Primary Colors -->
<color name="new_color_10">#dbffe5</color>
<color name="new_color_20">#59bd72</color>
<color name="new_color_30">#00612a</color>

Gradient PRO

Pro feature only

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

PWA prompt