Sand Color Gradient

 #d6c79a

 #edd9a1

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#d6c79a	rgb(214, 199, 154)	hsl(45 42% 72%)	hwb(45 60% 16%)	lch(80.7 24.6 89.2)	lab(80.7 0.363 24.6)	cmyk 0%, 7%, 28%, 16%
	#edd9a1	rgb(237, 217, 161)	hsl(44 68% 78%)	hwb(44 63% 7.1%)	lch(87.4 30.3 87.8)	lab(87.4 1.16 30.3)	cmyk 0%, 8%, 32%, 7%

 Click a color format to copy to your clipboard.

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

#d6c79a

AA - 1.68



#edd9a1

AA - 1.39



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(83.1% -0.002 0.062), oklab(88.8% -0.001 0.076))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #d6c79a, #edd9a1)

Colors



<!-- Primary Colors -->
<color name="sand_color_10">#d6c79a</color>
<color name="sand_color_20">#edd9a1</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt