Year

#875919

#a87732

#dbaa64

#f0c588

#ffe9c7

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#875919	rgb(135, 89, 25)	hsl(35 69% 31%)	oklab(50% 0.03 0.09)	oklch(50% 0.1 70)	color(display-p3 0.5 0.36 0.15)
	#a87732	rgb(168, 119, 50)	hsl(35 54% 43%)	oklab(61% 0.03 0.1)	oklch(61% 0.1 73)	color(display-p3 0.63 0.47 0.25)
	#dbaa64	rgb(219, 170, 100)	hsl(35 62% 63%)	oklab(77% 0.03 0.1)	oklch(77% 0.11 75)	color(display-p3 0.83 0.67 0.43)
	#f0c588	rgb(240, 197, 136)	hsl(35 78% 74%)	oklab(85% 0.02 0.09)	oklch(85% 0.09 76)	color(display-p3 0.91 0.78 0.57)
	#ffe9c7	rgb(255, 233, 199)	hsl(36 100% 89%)	oklab(94% 0.01 0.05)	oklch(94% 0.05 79)	color(display-p3 0.99 0.92 0.8)

 Click on a color value to copy it 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