#D6A65F

#C78E53

#B87647

#A95F3B

#9A482F

Sand Dune

Actions

Explore the gradient in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d6a65f	rgb(214, 166, 95)	hsl(36 59% 61%)	hwb(36 37% 16%)	lch(71.5 45.2 74.2)	lab(71.5 12.3 43.5)	cmyk 0%, 22%, 56%, 16%
	#c78e53	rgb(199, 142, 83)	hsl(31 51% 55%)	hwb(31 33% 22%)	lch(63.9 43.8 66.2)	lab(63.9 17.7 40)	cmyk 0%, 29%, 58%, 22%
	#b87647	rgb(184, 118, 71)	hsl(25 44% 50%)	hwb(25 28% 28%)	lch(56.1 43.5 57.7)	lab(56.1 23.3 36.8)	cmyk 0%, 36%, 61%, 28%
	#a95f3b	rgb(169, 95, 59)	hsl(20 48% 45%)	hwb(20 23% 34%)	lch(48.6 44.4 50.1)	lab(48.6 28.5 34)	cmyk 0%, 44%, 65%, 34%
	#9a482f	rgb(154, 72, 47)	hsl(14 53% 39%)	hwb(14 18% 40%)	lch(41.2 46.2 43.2)	lab(41.2 33.7 31.6)	cmyk 0%, 53%, 69%, 40%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#D6A65F

AA - 2.21



#C78E53

AA - 2.82



#B87647

AA - 3.67



#A95F3B

AA - 4.78



#9A482F

AA - 6.28



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(75.5% 0.026 0.102), oklab(69% 0.042 0.094), oklab(62.6% 0.06 0.085), oklab(56.3% 0.076 0.078), oklab(50.1% 0.092 0.071))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #D6A65F, #C78E53, #B87647, #A95F3B, #9A482F)

Colors



<!-- Primary Colors -->
<color name="sand_dune_color_10">#D6A65F</color>
<color name="sand_dune_color_20">#C78E53</color>
<color name="sand_dune_color_30">#B87647</color>
<color name="sand_dune_color_40">#A95F3B</color>
<color name="sand_dune_color_50">#9A482F</color>

Gradient PRO

Pro feature only

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

PWA prompt