Chai Coffee Color Palette

#c6835c

#b1754d

#6f4026

#412819

#18110e

#c6835c

#b1754d

#6f4026

#412819

#18110e

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#c6835c	rgb(198, 131, 92)	hsl(22 48% 57%)	hwb(22 36% 22%)	lch(61.2 39.8 53.8)	lab(61.2 23.5 32.1)	cmyk 0%, 34%, 54%, 22%
	#b1754d	rgb(177, 117, 77)	hsl(24 39% 50%)	hwb(24 30% 31%)	lch(55.1 38.4 56.5)	lab(55.1 21.2 32)	cmyk 0%, 34%, 56%, 31%
	#6f4026	rgb(111, 64, 38)	hsl(21 49% 29%)	hwb(21 15% 56%)	lch(32.5 31.3 52.5)	lab(32.5 19.1 24.8)	cmyk 0%, 42%, 66%, 56%
	#412819	rgb(65, 40, 25)	hsl(23 44% 18%)	hwb(23 9.8% 75%)	lch(19 18.3 54.4)	lab(19 10.7 14.9)	cmyk 0%, 38%, 62%, 75%
	#18110e	rgb(24, 17, 14)	hsl(18 26% 7.5%)	hwb(18 5.5% 91%)	lch(5.71 3.81 44)	lab(5.71 2.74 2.65)	cmyk 0%, 29%, 42%, 91%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#c6835c

AA - 3.08



#b1754d

AA - 3.8



#6f4026

AAA - 8.61



#412819

AAA - 13.61



#18110e

AAA - 18.66



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(67% 0.063 0.076), oklab(61.6% 0.055 0.076), oklab(42.2% 0.05 0.057), oklab(30.4% 0.028 0.035), oklab(18.6% 0.009 0.009))

Fallback colors



background: linear-gradient(45deg, #c6835c, #b1754d, #6f4026, #412819, #18110e)

Colors



<!-- Primary Colors -->
<color name="chai_coffee_color_10">#c6835c</color>
<color name="chai_coffee_color_20">#b1754d</color>
<color name="chai_coffee_color_30">#6f4026</color>
<color name="chai_coffee_color_40">#412819</color>
<color name="chai_coffee_color_50">#18110e</color>

PWA prompt