Drink Color Palette

#372823

#a3b6bc

#fffbff

#fde3c8

#f0913d

#372823

#a3b6bc

#fffbff

#fde3c8

#f0913d

Colors overview

 Brown

 Grey

 Orange

 White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#372823	rgb(55, 40, 35)	hsl(15 22% 18%)	hwb(15 14% 78%)	lch(17.8 9.03 43)	lab(17.8 6.6 6.16)	cmyk 0%, 27%, 36%, 78%
	#a3b6bc	rgb(163, 182, 188)	hsl(190 16% 69%)	hwb(190 64% 26%)	lch(72.7 7.97 223)	lab(72.7 -5.86 -5.41)	cmyk 13%, 3%, 0%, 26%
	#fffbff	rgb(255, 251, 255)	hsl(300 100% 99%)	hwb(300 98% 0%)	lch(99 2.37 323)	lab(99 1.89 -1.42)	cmyk 0%, 2%, 0%, 0%
	#fde3c8	rgb(253, 227, 200)	hsl(31 93% 89%)	hwb(31 78% 0.78%)	lch(91.9 17.8 69.7)	lab(91.9 6.17 16.7)	cmyk 0%, 10%, 21%, 1%
	#f0913d	rgb(240, 145, 61)	hsl(28 86% 59%)	hwb(28 24% 5.9%)	lch(69.4 66.6 61)	lab(69.4 32.2 58.2)	cmyk 0%, 40%, 75%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#372823

AAA - 14.09



#a3b6bc

AA - 2.1



#fffbff

AA - 1.02



#fde3c8

AA - 1.23



#f0913d

AA - 2.38



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(29.3% 0.019 0.015), oklab(76.4% -0.018 -0.014), oklab(99.2% 0.006 -0.004), oklab(93% 0.017 0.042), oklab(74.2% 0.078 0.127))

Fallback colors New



background: linear-gradient(45deg, #372823, #a3b6bc, #fffbff, #fde3c8, #f0913d)

Colors



<resources>
    <color name="drink_100">#372823</color>
    <color name="drink_200">#a3b6bc</color>
    <color name="drink_300">#fffbff</color>
    <color name="drink_400">#fde3c8</color>
    <color name="drink_500">#f0913d</color>
</resources>

PWA prompt