Rock Color Gradient

 #c29946

 #7a5e27

Colors overview

 Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#c29946	rgb(194, 153, 70)	hsl(40 50% 52%)	hwb(40 27% 24%)	lch(65.9 49.4 79.3)	lab(65.9 9.18 48.5)	cmyk 0%, 21%, 64%, 24%
	#7a5e27	rgb(122, 94, 39)	hsl(40 52% 32%)	hwb(40 15% 52%)	lch(42 35.9 78.6)	lab(42 7.11 35.1)	cmyk 0%, 23%, 68%, 52%

 Click a color format to copy to your clipboard.

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

#c29946

AA - 2.64



#7a5e27

AA - 6.07



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(70.5% 0.014 0.111), oklab(49.9% 0.012 0.08))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #c29946, #7a5e27)

Colors



<resources>
    <color name="rock_100">#c29946</color>
    <color name="rock_200">#7a5e27</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt