Autumn Mountain

#590600

#8a403b

#d19232

#a66300

#364147

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#590600	rgb(89, 6, 0)	hsl(4 100% 17%)	oklab(30% 0.1 0.06)	oklch(30% 0.12 31)	color(display-p3 0.32 0.06 0.02)
	#8a403b	rgb(138, 64, 59)	hsl(3.8 40% 39%)	oklab(47% 0.09 0.04)	oklch(47% 0.1 26)	color(display-p3 0.5 0.27 0.24)
	#d19232	rgb(209, 146, 50)	hsl(36 63% 51%)	oklab(71% 0.04 0.13)	oklch(71% 0.13 73)	color(display-p3 0.78 0.58 0.27)
	#a66300	rgb(166, 99, 0)	hsl(36 100% 33%)	oklab(56% 0.05 0.11)	oklch(56% 0.13 65)	color(display-p3 0.61 0.4 0.13)
	#364147	rgb(54, 65, 71)	hsl(200 14% 25%)	oklab(37% -0.01 -0.01)	oklch(37% 0.02 230)	color(display-p3 0.22 0.25 0.28)

 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.

#590600

AAA - 14.47



#8a403b

AAA - 7.29



#d19232

AA - 2.66



#a66300

AA - 4.76



#364147

AAA - 10.47



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(29.6% 0.099 0.059), oklab(46.6% 0.092 0.044), oklab(70.6% 0.038 0.126), oklab(56.2% 0.052 0.114), oklab(36.8% -0.011 -0.014))

Fallback colors



background: linear-gradient(45deg, #590600, #8a403b, #d19232, #a66300, #364147)

Colors



<!-- Primary Colors -->
<color name="autumn_mountain_color_10">#590600</color>
<color name="autumn_mountain_color_20">#8a403b</color>
<color name="autumn_mountain_color_30">#d19232</color>
<color name="autumn_mountain_color_40">#a66300</color>
<color name="autumn_mountain_color_50">#364147</color>

PWA prompt