Dark Chocolate Color Gradient

 #2c1408

 #8f471e

Colors overview

 Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#2c1408	rgb(44, 20, 8)	hsl(20 69% 10%)	hwb(20 3.1% 83%)	lch(9.61 16.3 44.3)	lab(9.61 11.6 11.4)	cmyk 0%, 55%, 82%, 83%
	#8f471e	rgb(143, 71, 30)	hsl(22 65% 34%)	hwb(22 12% 44%)	lch(39.1 47.7 52.5)	lab(39.1 29 37.9)	cmyk 0%, 50%, 79%, 44%

 Click a color format to copy to your clipboard.

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

#2c1408

AAA - 17.34



#8f471e

AA - 6.8



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(22.3% 0.031 0.032), oklab(48.1% 0.075 0.082))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #2c1408, #8f471e)

Colors



<resources>
    <color name="dark_chocolate_100">#2c1408</color>
    <color name="dark_chocolate_200">#8f471e</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt