Year

#875919

#a87732

#dbaa64

#f0c588

#ffe9c7

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#875919	rgb(135, 89, 25)	hsl(35 69% 31%)	hwb(35 9.8% 47%)	lch(42.2 45.1 70)	lab(42.2 15.5 42.4)	cmyk 0%, 34%, 81%, 47%
	#a87732	rgb(168, 119, 50)	hsl(35 54% 43%)	hwb(35 20% 34%)	lch(54.2 46.9 71.6)	lab(54.2 14.8 44.5)	cmyk 0%, 29%, 70%, 34%
	#dbaa64	rgb(219, 170, 100)	hsl(35 62% 63%)	hwb(35 39% 14%)	lch(73.1 44.8 73.6)	lab(73.1 12.6 43)	cmyk 0%, 22%, 54%, 14%
	#f0c588	rgb(240, 197, 136)	hsl(35 78% 74%)	hwb(35 53% 5.9%)	lch(82.3 38 74.6)	lab(82.3 10.1 36.6)	cmyk 0%, 18%, 43%, 6%
	#ffe9c7	rgb(255, 233, 199)	hsl(36 100% 89%)	hwb(36 78% 0%)	lch(93.5 19.9 78.6)	lab(93.5 3.92 19.5)	cmyk 0%, 9%, 22%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#875919

AA - 6.04



#a87732

AA - 3.92



#dbaa64

AA - 2.11



#f0c588

AA - 1.6



#ffe9c7

AA - 1.18



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(50.3% 0.033 0.092), oklab(60.6% 0.031 0.1), oklab(76.8% 0.027 0.101), oklab(84.7% 0.023 0.089), oklab(94.3% 0.01 0.05))

Fallback colors



background: linear-gradient(45deg, #875919, #a87732, #dbaa64, #f0c588, #ffe9c7)

Colors



<!-- Primary Colors -->
<color name="year_color_10">#875919</color>
<color name="year_color_20">#a87732</color>
<color name="year_color_30">#dbaa64</color>
<color name="year_color_40">#f0c588</color>
<color name="year_color_50">#ffe9c7</color>

PWA prompt