Cinnamon

#994E3C

#7A392C

#5B291F

#3D1C11

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#994e3c	rgb(153, 78, 60)	hsl(12 44% 42%)	hwb(12 24% 40%)	lch(42.5 40 39.6)	lab(42.5 30.8 25.5)	cmyk 0%, 49%, 61%, 40%
	#7a392c	rgb(122, 57, 44)	hsl(10 47% 33%)	hwb(10 17% 52%)	lch(32.7 35.7 38)	lab(32.7 28.1 22)	cmyk 0%, 53%, 64%, 52%
	#5b291f	rgb(91, 41, 31)	hsl(10 49% 24%)	hwb(10 12% 64%)	lch(23.7 28.9 38)	lab(23.7 22.8 17.8)	cmyk 0%, 55%, 66%, 64%
	#3d1c11	rgb(61, 28, 17)	hsl(15 56% 15%)	hwb(15 6.7% 76%)	lch(15 21.6 43.6)	lab(15 15.7 14.9)	cmyk 0%, 54%, 72%, 76%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#994E3C

AA - 5.98



#7A392C

AAA - 8.57



#5B291F

AAA - 11.78



#3D1C11

AAA - 15.29



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(51.2% 0.086 0.059), oklab(42.7% 0.079 0.051), oklab(34.8% 0.064 0.041), oklab(27.1% 0.043 0.035))

Fallback colors



background: linear-gradient(45deg, #994E3C, #7A392C, #5B291F, #3D1C11)

Colors



<!-- Primary Colors -->
<color name="cinnamon_color_10">#994E3C</color>
<color name="cinnamon_color_20">#7A392C</color>
<color name="cinnamon_color_30">#5B291F</color>
<color name="cinnamon_color_40">#3D1C11</color>

PWA prompt