Cinnamon Latte Color Gradient

 #E6B88C

 #D1A06F

 #BC8852

 #A67635

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e6b88c	rgb(230, 184, 140)	hsl(29 64% 73%)	hwb(29 55% 9.8%)	lch(78.2 31.8 66.1)	lab(78.2 12.9 29)	cmyk 0%, 20%, 39%, 10%
	#d1a06f	rgb(209, 160, 111)	hsl(30 52% 63%)	hwb(30 44% 18%)	lch(69.7 35.9 66.4)	lab(69.7 14.3 32.9)	cmyk 0%, 23%, 47%, 18%
	#bc8852	rgb(188, 136, 82)	hsl(31 44% 53%)	hwb(31 32% 26%)	lch(61.1 40.3 66.5)	lab(61.1 16.1 36.9)	cmyk 0%, 28%, 56%, 26%
	#a67635	rgb(166, 118, 53)	hsl(35 52% 43%)	hwb(35 21% 35%)	lch(53.7 44.9 71)	lab(53.7 14.6 42.5)	cmyk 0%, 29%, 68%, 35%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E6B88C

AA - 1.81



#D1A06F

AA - 2.34



#BC8852

AA - 3.09



#A67635

AA - 3.98



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 color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(81.3% 0.033 0.072), oklab(74% 0.036 0.079), oklab(66.6% 0.039 0.087), oklab(60.2% 0.031 0.096))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #E6B88C, #D1A06F, #BC8852, #A67635)

Colors



<!-- Primary Colors -->
<color name="cinnamon_latte_color_10">#E6B88C</color>
<color name="cinnamon_latte_color_20">#D1A06F</color>
<color name="cinnamon_latte_color_30">#BC8852</color>
<color name="cinnamon_latte_color_40">#A67635</color>

Gradient PRO

Pro feature only

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

PWA prompt