Bronze Color Gradient

 #673208

 #db6c2b

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#673208	rgb(103, 50, 8)	hsl(27 86% 22%)	hwb(27 3.1% 60%)	lch(27.6 41.4 57.5)	lab(27.6 22.3 34.9)	cmyk 0%, 51%, 92%, 60%
	#db6c2b	rgb(219, 108, 43)	hsl(22 71% 51%)	hwb(22 17% 14%)	lch(58.7 68.8 52.8)	lab(58.7 41.6 54.8)	cmyk 0%, 51%, 80%, 14%

 Click a color format to copy to your clipboard.

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

#673208

AAA - 10.31



#db6c2b

AA - 3.39



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(38.1% 0.055 0.072), oklab(65.3% 0.107 0.116))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #673208, #db6c2b)

Colors



<resources>
    <color name="bronze_100">#673208</color>
    <color name="bronze_200">#db6c2b</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt