Chai

#F2EFDC

#A79986

#6A5A52

#453C36

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f2efdc	rgb(242, 239, 220)	hsl(52 46% 91%)	hwb(52 86% 5.1%)	lch(94.3 9.7 97.9)	lab(94.3 -1.34 9.6)	cmyk 0%, 1%, 9%, 5%
	#a79986	rgb(167, 153, 134)	hsl(35 16% 59%)	hwb(35 53% 35%)	lch(64.1 12.4 76.1)	lab(64.1 2.97 12)	cmyk 0%, 8%, 20%, 35%
	#6a5a52	rgb(106, 90, 82)	hsl(20 13% 37%)	hwb(20 32% 58%)	lch(39.7 9.16 51.6)	lab(39.7 5.69 7.18)	cmyk 0%, 15%, 23%, 58%
	#453c36	rgb(69, 60, 54)	hsl(24 12% 24%)	hwb(24 21% 73%)	lch(26.1 6.13 58.7)	lab(26.1 3.18 5.23)	cmyk 0%, 13%, 22%, 73%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F2EFDC

AA - 1.15



#A79986

AA - 2.78



#6A5A52

AA - 6.56



#453C36

AAA - 10.75



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(94.9% -0.004 0.025), oklab(69% 0.008 0.031), oklab(48.1% 0.016 0.018), oklab(36.4% 0.009 0.013))

Fallback colors



background: linear-gradient(45deg, #F2EFDC, #A79986, #6A5A52, #453C36)

Colors



<!-- Primary Colors -->
<color name="chai_color_10">#F2EFDC</color>
<color name="chai_color_20">#A79986</color>
<color name="chai_color_30">#6A5A52</color>
<color name="chai_color_40">#453C36</color>

PWA prompt