Autumn Leaves

#005e55

#fff9bf

#edb50c

#b8003d

#5e001f

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Yellow

Red

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#005e55	rgb(0, 94, 85)	hsl(170 100% 18%)	hwb(170 0% 63%)	lch(35.2 26.8 184)	lab(35.2 -26.7 -2.02)	cmyk 100%, 0%, 10%, 63%
	#fff9bf	rgb(255, 249, 191)	hsl(54 100% 87%)	hwb(54 75% 0%)	lch(97.4 29.1 98.8)	lab(97.4 -4.46 28.7)	cmyk 0%, 2%, 25%, 0%
	#edb50c	rgb(237, 181, 12)	hsl(45 90% 49%)	hwb(45 4.7% 7.1%)	lch(77.3 78.6 81.2)	lab(77.3 12.1 77.7)	cmyk 0%, 24%, 95%, 7%
	#b8003d	rgb(184, 0, 61)	hsl(340 100% 36%)	hwb(340 0% 28%)	lch(39.5 68.2 19.5)	lab(39.5 64.3 22.8)	cmyk 0%, 100%, 67%, 28%
	#5e001f	rgb(94, 0, 31)	hsl(340 100% 18%)	hwb(340 0% 63%)	lch(18.2 41.3 15.6)	lab(18.2 39.8 11.1)	cmyk 0%, 100%, 67%, 63%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#005e55

AAA - 7.68



#fff9bf

AA - 1.07



#edb50c

AA - 1.87



#b8003d

AA - 6.76



#5e001f

AAA - 14.04



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(43.3% -0.077 -0.005), oklab(97.3% -0.016 0.072), oklab(80.2% 0.012 0.162), oklab(49.8% 0.192 0.05), oklab(30.7% 0.12 0.025))

Fallback colors



background: linear-gradient(45deg, #005e55, #fff9bf, #edb50c, #b8003d, #5e001f)

Colors



<!-- Primary Colors -->
<color name="autumn_leaves_color_10">#005e55</color>
<color name="autumn_leaves_color_20">#fff9bf</color>
<color name="autumn_leaves_color_30">#edb50c</color>
<color name="autumn_leaves_color_40">#b8003d</color>
<color name="autumn_leaves_color_50">#5e001f</color>

PWA prompt