Sandy

#F7E7CE

#E8D9C4

#D9CBA9

#CABBA0

#BBAA96

#AA998C

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f7e7ce	rgb(247, 231, 206)	hsl(37 72% 89%)	hwb(37 81% 3.1%)	lch(92.5 14.5 79.4)	lab(92.5 2.68 14.3)	cmyk 0%, 6%, 17%, 3%
	#e8d9c4	rgb(232, 217, 196)	hsl(35 44% 84%)	hwb(35 77% 9%)	lch(87.5 12.7 77.2)	lab(87.5 2.81 12.3)	cmyk 0%, 6%, 16%, 9%
	#d9cba9	rgb(217, 203, 169)	hsl(42 39% 76%)	hwb(42 66% 15%)	lch(82.2 18.9 86.8)	lab(82.2 1.07 18.9)	cmyk 0%, 6%, 22%, 15%
	#cabba0	rgb(202, 187, 160)	hsl(39 28% 71%)	hwb(39 63% 21%)	lch(76.6 15.9 81.8)	lab(76.6 2.28 15.8)	cmyk 0%, 7%, 21%, 21%
	#bbaa96	rgb(187, 170, 150)	hsl(32 21% 66%)	hwb(32 59% 27%)	lch(70.7 13.3 72.8)	lab(70.7 3.93 12.7)	cmyk 0%, 9%, 20%, 27%
	#aa998c	rgb(170, 153, 140)	hsl(26 15% 61%)	hwb(26 55% 33%)	lch(64.5 10.5 62.3)	lab(64.5 4.86 9.26)	cmyk 0%, 10%, 18%, 33%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F7E7CE

AA - 1.21



#E8D9C4

AA - 1.38



#D9CBA9

AA - 1.6



#CABBA0

AA - 1.88



#BBAA96

AA - 2.25



#AA998C

AA - 2.74



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(93.4% 0.007 0.037), oklab(89.2% 0.008 0.032), oklab(84.5% 0.001 0.048), oklab(79.7% 0.005 0.04), oklab(74.7% 0.011 0.032), oklab(69.4% 0.014 0.024))

Fallback colors



background: linear-gradient(45deg, #F7E7CE, #E8D9C4, #D9CBA9, #CABBA0, #BBAA96, #AA998C)

Colors



<!-- Primary Colors -->
<color name="sandy_color_10">#F7E7CE</color>
<color name="sandy_color_20">#E8D9C4</color>
<color name="sandy_color_30">#D9CBA9</color>
<color name="sandy_color_40">#CABBA0</color>
<color name="sandy_color_50">#BBAA96</color>
<color name="sandy_color_60">#AA998C</color>

PWA prompt