#bcb790

#d8d6bf

#ffffff

#bfc2d8

#9094bc

Treat

#bcb790

#d8d6bf

#ffffff

#bfc2d8

#9094bc



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Blue

White

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#bcb790	rgb(188, 183, 144)	hsl(53 25% 65%)	hwb(53 56% 26%)	lch(74.1 20.8 98)	lab(74.1 -2.88 20.6)	cmyk 0%, 3%, 23%, 26%
	#d8d6bf	rgb(216, 214, 191)	hsl(55 24% 80%)	hwb(55 75% 15%)	lch(85.3 11.9 101)	lab(85.3 -2.2 11.7)	cmyk 0%, 1%, 12%, 15%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#bfc2d8	rgb(191, 194, 216)	hsl(230 24% 80%)	hwb(230 75% 15%)	lch(78.7 11.6 281)	lab(78.7 2.16 -11.4)	cmyk 12%, 10%, 0%, 15%
	#9094bc	rgb(144, 148, 188)	hsl(230 25% 65%)	hwb(230 56% 26%)	lch(62.1 22 283)	lab(62.1 5.14 -21.4)	cmyk 23%, 21%, 0%, 26%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#bcb790

AA - 2.03



#d8d6bf

AA - 1.46



#ffffff

AA - 1



#bfc2d8

AA - 1.76



#9094bc

AA - 2.93



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(77.4% -0.011 0.052), oklab(87.1% -0.007 0.03), oklab(100% 0 0), oklab(81.9% 0.005 -0.03), oklab(67.8% 0.01 -0.058))

Fallback colors



background: linear-gradient(45deg, #bcb790, #d8d6bf, #ffffff, #bfc2d8, #9094bc)

Colors



<!-- Primary Colors -->
<color name="treat_color_10">#bcb790</color>
<color name="treat_color_20">#d8d6bf</color>
<color name="treat_color_30">#ffffff</color>
<color name="treat_color_40">#bfc2d8</color>
<color name="treat_color_50">#9094bc</color>

PWA prompt