Sand Color Palette

#EED8AE

#DEB887

#C09853

#9C6236

#EED8AE

#DEB887

#C09853

#9C6236

Colors overview

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#eed8ae	rgb(238, 216, 174)	hsl(39 65% 81%)	hwb(39 68% 6.7%)	lch(87.4 23.9 82.2)	lab(87.4 3.24 23.7)	cmyk 0%, 9%, 27%, 7%
	#deb887	rgb(222, 184, 135)	hsl(34 57% 70%)	hwb(34 53% 13%)	lch(77.3 31.7 73)	lab(77.3 9.28 30.3)	cmyk 0%, 17%, 39%, 13%
	#c09853	rgb(192, 152, 83)	hsl(38 46% 54%)	hwb(38 33% 25%)	lch(65.6 42.9 77.2)	lab(65.6 9.52 41.8)	cmyk 0%, 21%, 57%, 25%
	#9c6236	rgb(156, 98, 54)	hsl(26 49% 41%)	hwb(26 21% 39%)	lch(47.5 40.7 58.8)	lab(47.5 21.1 34.8)	cmyk 0%, 37%, 65%, 39%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#EED8AE

AA - 1.39



#DEB887

AA - 1.85



#C09853

AA - 2.67



#9C6236

AA - 4.98



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(89% 0.007 0.06), oklab(80.5% 0.022 0.075), oklab(70.2% 0.018 0.098), oklab(55.1% 0.053 0.08))

Fallback colors



background: linear-gradient(45deg, #EED8AE, #DEB887, #C09853, #9C6236)

Colors



<!-- Primary Colors -->
<color name="sand_color_10">#EED8AE</color>
<color name="sand_color_20">#DEB887</color>
<color name="sand_color_30">#C09853</color>
<color name="sand_color_40">#9C6236</color>

PWA prompt