Whats Color Gradient

 #128c7e

 #075e54

Colors overview

 Green

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#128c7e	rgb(18, 140, 126)	hsl(170 77% 31%)	hwb(170 7.1% 45%)	lch(52.1 34.8 183)	lab(52.1 -34.7 -1.82)	cmyk 87%, 0%, 10%, 45%
	#075e54	rgb(7, 94, 84)	hsl(170 86% 20%)	hwb(170 2.7% 63%)	lch(35.2 26.4 183)	lab(35.2 -26.3 -1.3)	cmyk 93%, 0%, 11%, 63%

 Click a color format to copy to your clipboard.

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

#128c7e

AA - 4.13



#075e54

AAA - 7.66



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(57.6% -0.099 -0.004), oklab(43.4% -0.075 -0.003))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #128c7e, #075e54)

Colors



<resources>
    <color name="whats_100">#128c7e</color>
    <color name="whats_200">#075e54</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt