Chai Coffee

#c6835c

#b1754d

#6f4026

#412819

#18110e

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#c6835c	rgb(198, 131, 92)	hsl(22 48% 57%)	oklab(67% 0.06 0.08)	oklch(67% 0.1 51)	color(display-p3 0.74 0.53 0.39)
	#b1754d	rgb(177, 117, 77)	hsl(24 39% 50%)	oklab(62% 0.06 0.08)	oklch(62% 0.09 54)	color(display-p3 0.66 0.47 0.33)
	#6f4026	rgb(111, 64, 38)	hsl(21 49% 29%)	oklab(42% 0.05 0.06)	oklch(42% 0.08 49)	color(display-p3 0.41 0.26 0.17)
	#412819	rgb(65, 40, 25)	hsl(23 44% 18%)	oklab(30% 0.03 0.04)	oklch(30% 0.05 51)	color(display-p3 0.24 0.16 0.11)
	#18110e	rgb(24, 17, 14)	hsl(18 26% 7.5%)	oklab(19% 0.01 0.01)	oklch(19% 0.01 44)	color(display-p3 0.09 0.07 0.06)

 Click on a color value to copy it 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