Desert

#576041

#757d40

#98884c

#bd8d5b

#d5926e

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#576041	rgb(87, 96, 65)	hsl(77 19% 32%)	hwb(77 25% 62%)	lch(39.3 18.4 116)	lab(39.3 -8.05 16.5)	cmyk 9%, 0%, 32%, 62%
	#757d40	rgb(117, 125, 64)	hsl(68 32% 37%)	hwb(68 25% 51%)	lch(50.7 33.5 108)	lab(50.7 -10.3 31.9)	cmyk 6%, 0%, 49%, 51%
	#98884c	rgb(152, 136, 76)	hsl(47 33% 45%)	hwb(47 30% 40%)	lch(57.1 34.3 89.8)	lab(57.1 0.129 34.3)	cmyk 0%, 11%, 50%, 40%
	#bd8d5b	rgb(189, 141, 91)	hsl(31 43% 55%)	hwb(31 36% 26%)	lch(62.6 36.9 67)	lab(62.6 14.5 34)	cmyk 0%, 25%, 52%, 26%
	#d5926e	rgb(213, 146, 110)	hsl(21 55% 63%)	hwb(21 43% 16%)	lch(66.8 37.7 52.2)	lab(66.8 23.1 29.8)	cmyk 0%, 31%, 48%, 16%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#576041

AA - 6.65



#757d40

AA - 4.4



#98884c

AA - 3.52



#bd8d5b

AA - 2.94



#d5926e

AA - 2.57



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(47.2% -0.025 0.042), oklab(56.9% -0.036 0.077), oklab(62.8% -0.007 0.082), oklab(67.9% 0.035 0.081), oklab(71.8% 0.063 0.072))

Fallback colors



background: linear-gradient(45deg, #576041, #757d40, #98884c, #bd8d5b, #d5926e)

Colors



<!-- Primary Colors -->
<color name="desert_color_10">#576041</color>
<color name="desert_color_20">#757d40</color>
<color name="desert_color_30">#98884c</color>
<color name="desert_color_40">#bd8d5b</color>
<color name="desert_color_50">#d5926e</color>

PWA prompt