Coal Color Gradient

 #404040

 #212121

Colors overview

 Grey

 Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#404040	rgb(64, 64, 64)	hsl(none 0% 25%)	hwb(none 25% 75%)	lch(27.1 0 none)	lab(27.1 0 0)	cmyk 0%, 0%, 0%, 75%
	#212121	rgb(33, 33, 33)	hsl(none 0% 13%)	hwb(none 13% 87%)	lch(12.7 0 none)	lab(12.7 0 0)	cmyk 0%, 0%, 0%, 87%

 Click a color format to copy to your clipboard.

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

#404040

AAA - 10.36



#212121

AAA - 16.1



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(37.1% 0 0), oklab(24.8% 0 0))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #404040, #212121)

Colors



<resources>
    <color name="coal_100">#404040</color>
    <color name="coal_200">#212121</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt