#6E474B

#A75A30

#CD6C3E

#DB7D4A

#E98A58

DESERT

#6E474B

#A75A30

#CD6C3E

#DB7D4A

#E98A58



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#6e474b	rgb(110, 71, 75)	hsl(350 22% 35%)	hwb(350 28% 57%)	lch(34.8 18.3 15.4)	lab(34.8 17.6 4.84)	cmyk 0%, 35%, 32%, 57%
	#a75a30	rgb(167, 90, 48)	hsl(21 55% 42%)	hwb(21 19% 35%)	lch(47.1 48.4 52)	lab(47.1 29.8 38.1)	cmyk 0%, 46%, 71%, 35%
	#cd6c3e	rgb(205, 108, 62)	hsl(19 59% 52%)	hwb(19 24% 20%)	lch(56.7 56.6 49.6)	lab(56.7 36.6 43.1)	cmyk 0%, 47%, 70%, 20%
	#db7d4a	rgb(219, 125, 74)	hsl(21 67% 57%)	hwb(21 29% 14%)	lch(62.4 55.6 52)	lab(62.4 34.2 43.8)	cmyk 0%, 43%, 66%, 14%
	#e98a58	rgb(233, 138, 88)	hsl(21 77% 63%)	hwb(21 35% 8.6%)	lch(67.2 54.5 51.5)	lab(67.2 33.9 42.7)	cmyk 0%, 41%, 62%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#6E474B

AAA - 7.87



#A75A30

AA - 5.06



#CD6C3E

AA - 3.61



#DB7D4A

AA - 2.98



#E98A58

AA - 2.54



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(44.3% 0.053 0.012), oklab(55% 0.078 0.085), oklab(63.5% 0.097 0.096), oklab(68.3% 0.09 0.099), oklab(72.5% 0.09 0.098))

Fallback colors



background: linear-gradient(45deg, #6E474B, #A75A30, #CD6C3E, #DB7D4A, #E98A58)

Colors



<!-- Primary Colors -->
<color name="desert_color_10">#6E474B</color>
<color name="desert_color_20">#A75A30</color>
<color name="desert_color_30">#CD6C3E</color>
<color name="desert_color_40">#DB7D4A</color>
<color name="desert_color_50">#E98A58</color>

PWA prompt