Chocolate Color Gradient

 #4B2E16

 #653E2C

 #7E4E42

 #975E59

 #B06E70

Colors overview

 Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#4b2e16	rgb(75, 46, 22)	hsl(27 55% 19%)	hwb(27 8.6% 71%)	lch(22.2 24 60.7)	lab(22.2 11.7 20.9)	cmyk 0%, 39%, 71%, 71%
	#653e2c	rgb(101, 62, 44)	hsl(19 39% 28%)	hwb(19 17% 60%)	lch(30.6 24.5 49.1)	lab(30.6 16 18.5)	cmyk 0%, 39%, 56%, 60%
	#7e4e42	rgb(126, 78, 66)	hsl(12 31% 38%)	hwb(12 26% 51%)	lch(38.6 25.4 39)	lab(38.6 19.7 16)	cmyk 0%, 38%, 48%, 51%
	#975e59	rgb(151, 94, 89)	hsl(4.8 26% 47%)	hwb(4.8 35% 41%)	lch(46.3 26.9 29.3)	lab(46.3 23.5 13.2)	cmyk 0%, 38%, 41%, 41%
	#b06e70	rgb(176, 110, 112)	hsl(360 29% 56%)	hwb(360 43% 31%)	lch(53.8 29.1 21.2)	lab(53.8 27.1 10.5)	cmyk 0%, 37%, 36%, 31%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#4B2E16

AAA - 12.34



#653E2C

AAA - 9.21



#7E4E42

AA - 6.87



#975E59

AA - 5.17



#B06E70

AA - 3.95



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

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(33.1% 0.029 0.048), oklab(40.5% 0.044 0.044), oklab(47.6% 0.056 0.039), oklab(54.4% 0.068 0.032), oklab(61% 0.08 0.026))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #4B2E16, #653E2C, #7E4E42, #975E59, #B06E70)

Colors



<resources>
    <color name="chocolate_100">#4B2E16</color>
    <color name="chocolate_200">#653E2C</color>
    <color name="chocolate_300">#7E4E42</color>
    <color name="chocolate_400">#975E59</color>
    <color name="chocolate_500">#B06E70</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt