Cinder Color Gradient

 #4d4c4c

 #403f3f

Colors overview

 Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#4d4c4c	rgb(77, 76, 76)	hsl(0 0.65% 30%)	hwb(0 30% 70%)	lch(32.4 0.453 19.8)	lab(32.4 0.426 0.153)	cmyk 0%, 1%, 1%, 70%
	#403f3f	rgb(64, 63, 63)	hsl(0 0.79% 25%)	hwb(0 25% 75%)	lch(26.8 0.467 19.8)	lab(26.8 0.44 0.158)	cmyk 0%, 2%, 2%, 75%

 Click a color format to copy to your clipboard.

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

#4d4c4c

AAA - 8.55



#403f3f

AAA - 10.49



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(41.7% 0.001 0), oklab(36.9% 0.001 0))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #4d4c4c, #403f3f)

Colors



<resources>
    <color name="cinder_100">#4d4c4c</color>
    <color name="cinder_200">#403f3f</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt