#d6c4a6

#bc9e7a

#a58261

#906f54

#765943

Salted

Actions

Explore the gradient in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d6c4a6	rgb(214, 196, 166)	hsl(38 37% 75%)	hwb(38 65% 16%)	lch(80.1 17.8 80.1)	lab(80.1 3.06 17.5)	cmyk 0%, 8%, 22%, 16%
	#bc9e7a	rgb(188, 158, 122)	hsl(33 33% 61%)	hwb(33 48% 26%)	lch(67.2 24.4 71.8)	lab(67.2 7.63 23.2)	cmyk 0%, 16%, 35%, 26%
	#a58261	rgb(165, 130, 97)	hsl(29 27% 51%)	hwb(29 38% 35%)	lch(57.2 25.6 65.6)	lab(57.2 10.6 23.3)	cmyk 0%, 21%, 41%, 35%
	#906f54	rgb(144, 111, 84)	hsl(27 26% 45%)	hwb(27 33% 44%)	lch(49.7 23 62.2)	lab(49.7 10.7 20.3)	cmyk 0%, 23%, 42%, 44%
	#765943	rgb(118, 89, 67)	hsl(26 28% 36%)	hwb(26 26% 54%)	lch(40.5 20.3 60.4)	lab(40.5 10 17.6)	cmyk 0%, 25%, 43%, 54%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#d6c4a6

AA - 1.7



#bc9e7a

AA - 2.52



#a58261

AA - 3.52



#906f54

AA - 4.57



#765943

AA - 6.4



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(82.7% 0.007 0.045), oklab(71.7% 0.019 0.058), oklab(63.2% 0.027 0.057), oklab(56.7% 0.028 0.05), oklab(48.8% 0.027 0.043))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #d6c4a6, #bc9e7a, #a58261, #906f54, #765943)

Colors



<!-- Primary Colors -->
<color name="salted_color_10">#d6c4a6</color>
<color name="salted_color_20">#bc9e7a</color>
<color name="salted_color_30">#a58261</color>
<color name="salted_color_40">#906f54</color>
<color name="salted_color_50">#765943</color>

Gradient PRO

Pro feature only

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

PWA prompt