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	OKLAB HDR	OKLCH HDR	P3 HDR
	#005e55	rgb(0, 94, 85)	hsl(170 100% 18%)	oklab(43% -0.08 0)	oklch(43% 0.08 180)	color(display-p3 0.15 0.36 0.33)
	#fff9bf	rgb(255, 249, 191)	hsl(54 100% 87%)	oklab(97% -0.02 0.07)	oklch(97% 0.07 100)	color(display-p3 1 0.98 0.77)
	#edb50c	rgb(237, 181, 12)	hsl(45 90% 49%)	oklab(80% 0.01 0.16)	oklch(80% 0.16 86)	color(display-p3 0.9 0.72 0.25)
	#b8003d	rgb(184, 0, 61)	hsl(340 100% 36%)	oklab(50% 0.19 0.05)	oklch(50% 0.2 15)	color(display-p3 0.66 0.13 0.25)
	#5e001f	rgb(94, 0, 31)	hsl(340 100% 18%)	oklab(31% 0.12 0.02)	oklch(31% 0.12 12)	color(display-p3 0.34 0.05 0.13)

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

#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