Chocolate Color Gradient

 #76522a

 #421204

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#76522a	rgb(118, 82, 42)	hsl(32 48% 31%)	hwb(32 16% 54%)	lch(38.2 31.8 67.4)	lab(38.2 12.2 29.3)	cmyk 0%, 31%, 64%, 54%
	#421204	rgb(66, 18, 4)	hsl(14 89% 14%)	hwb(14 1.6% 74%)	lch(13.6 30 39.8)	lab(13.6 23.1 19.2)	cmyk 0%, 73%, 94%, 74%

 Click a color format to copy to your clipboard.

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

#76522a

AA - 6.97



#421204

AAA - 15.9



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(46.9% 0.028 0.068), oklab(26% 0.062 0.047))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #76522a, #421204)

Colors



<!-- Primary Colors -->
<color name="chocolate_color_10">#76522a</color>
<color name="chocolate_color_20">#421204</color>

Gradient PRO

Pro feature only

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

PWA prompt