Latte

#5D4037

#7B5543

#9E6D59

#CB998C

#F0D3BD

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5d4037	rgb(93, 64, 55)	hsl(14 26% 29%)	hwb(14 22% 64%)	lch(30.3 16.2 41.9)	lab(30.3 12.1 10.8)	cmyk 0%, 31%, 41%, 64%
	#7b5543	rgb(123, 85, 67)	hsl(19 29% 37%)	hwb(19 26% 52%)	lch(40 22.5 49.7)	lab(40 14.5 17.2)	cmyk 0%, 31%, 46%, 52%
	#9e6d59	rgb(158, 109, 89)	hsl(17 28% 48%)	hwb(17 35% 38%)	lch(50.9 26.7 46.8)	lab(50.9 18.2 19.4)	cmyk 0%, 31%, 44%, 38%
	#cb998c	rgb(203, 153, 140)	hsl(12 38% 67%)	hwb(12 55% 20%)	lch(67.8 23.1 39)	lab(67.8 18 14.5)	cmyk 0%, 25%, 31%, 20%
	#f0d3bd	rgb(240, 211, 189)	hsl(26 63% 84%)	hwb(26 74% 5.9%)	lch(86.6 16.8 61.8)	lab(86.6 7.96 14.8)	cmyk 0%, 12%, 21%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5D4037

AAA - 9.31



#7B5543

AA - 6.51



#9E6D59

AA - 4.38



#CB998C

AA - 2.47



#F0D3BD

AA - 1.42



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(40.2% 0.034 0.027), oklab(48.6% 0.04 0.042), oklab(58.1% 0.051 0.048), oklab(72.7% 0.052 0.036), oklab(88.5% 0.022 0.038))

Fallback colors



background: linear-gradient(45deg, #5D4037, #7B5543, #9E6D59, #CB998C, #F0D3BD)

Colors



<!-- Primary Colors -->
<color name="latte_color_10">#5D4037</color>
<color name="latte_color_20">#7B5543</color>
<color name="latte_color_30">#9E6D59</color>
<color name="latte_color_40">#CB998C</color>
<color name="latte_color_50">#F0D3BD</color>

PWA prompt