MOO Color Gradient

 #80C8D0

 #41482A

Colors overview

Green

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#80c8d0	rgb(128, 200, 208)	hsl(190 46% 66%)	hwb(190 50% 18%)	lch(76.1 24.8 208)	lab(76.1 -21.9 -11.5)	cmyk 38%, 4%, 0%, 18%
	#41482a	rgb(65, 72, 42)	hsl(74 26% 22%)	hwb(74 16% 72%)	lch(29.3 18.5 113)	lab(29.3 -7.25 17)	cmyk 10%, 0%, 42%, 72%

 Click a color format to copy to your clipboard.

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

#80C8D0

AA - 1.89



#41482A

AAA - 9.61



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

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(78.8% -0.066 -0.03), oklab(38.7% -0.024 0.042))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #80C8D0, #41482A)

Colors



<!-- Primary Colors -->
<color name="moo_color_10">#80C8D0</color>
<color name="moo_color_20">#41482A</color>

Gradient PRO

Pro feature only

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

PWA prompt