Sand

#BF995E

#D9B382

#A68A57

#735F32

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#bf995e	rgb(191, 153, 94)	hsl(36 43% 56%)	hwb(36 37% 25%)	lch(65.8 37.6 75.8)	lab(65.8 9.26 36.5)	cmyk 0%, 20%, 51%, 25%
	#d9b382	rgb(217, 179, 130)	hsl(34 53% 68%)	hwb(34 51% 15%)	lch(75.5 31.9 72.9)	lab(75.5 9.38 30.5)	cmyk 0%, 18%, 40%, 15%
	#a68a57	rgb(166, 138, 87)	hsl(39 31% 50%)	hwb(39 34% 35%)	lch(59.2 31.9 79.3)	lab(59.2 5.94 31.4)	cmyk 0%, 17%, 48%, 35%
	#735f32	rgb(115, 95, 50)	hsl(42 39% 32%)	hwb(42 20% 55%)	lch(41.6 28.9 82.2)	lab(41.6 3.9 28.6)	cmyk 0%, 17%, 57%, 55%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#BF995E

AA - 2.64



#D9B382

AA - 1.95



#A68A57

AA - 3.28



#735F32

AA - 6.15



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(70.5% 0.019 0.087), oklab(78.9% 0.022 0.075), oklab(64.8% 0.011 0.076), oklab(49.5% 0.005 0.068))

Fallback colors



background: linear-gradient(45deg, #BF995E, #D9B382, #A68A57, #735F32)

Colors



<!-- Primary Colors -->
<color name="sand_color_10">#BF995E</color>
<color name="sand_color_20">#D9B382</color>
<color name="sand_color_30">#A68A57</color>
<color name="sand_color_40">#735F32</color>

PWA prompt