Autumn

#3b1600

#912200

#ff5722

#ffbeab

#fffebf

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Yellow

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3b1600	rgb(59, 22, 0)	hsl(22 100% 12%)	hwb(22 0% 77%)	lch(12.9 26.3 48.2)	lab(12.9 17.5 19.6)	cmyk 0%, 63%, 100%, 77%
	#912200	rgb(145, 34, 0)	hsl(14 100% 28%)	hwb(14 0% 43%)	lch(32.8 65 45.3)	lab(32.8 45.8 46.2)	cmyk 0%, 77%, 100%, 43%
	#ff5722	rgb(255, 87, 34)	hsl(14 100% 57%)	hwb(14 13% 0%)	lch(60.9 89.4 45)	lab(60.9 63.3 63.2)	cmyk 0%, 66%, 87%, 0%
	#ffbeab	rgb(255, 190, 171)	hsl(14 100% 84%)	hwb(14 67% 0%)	lch(82.7 29.4 40.8)	lab(82.7 22.3 19.3)	cmyk 0%, 25%, 33%, 0%
	#fffebf	rgb(255, 254, 191)	hsl(59 100% 87%)	hwb(59 75% 0%)	lch(98.6 31.1 103)	lab(98.6 -6.79 30.4)	cmyk 0%, 0%, 25%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3b1600

AAA - 16.14



#912200

AAA - 8.63



#ff5722

AA - 3.16



#ffbeab

AA - 1.59



#fffebf

AA - 1.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(25.3% 0.044 0.051), oklab(43.3% 0.124 0.087), oklab(67.9% 0.171 0.127), oklab(85.6% 0.064 0.048), oklab(98.3% -0.023 0.077))

Fallback colors



background: linear-gradient(45deg, #3b1600, #912200, #ff5722, #ffbeab, #fffebf)

Colors



<!-- Primary Colors -->
<color name="autumn_color_10">#3b1600</color>
<color name="autumn_color_20">#912200</color>
<color name="autumn_color_30">#ff5722</color>
<color name="autumn_color_40">#ffbeab</color>
<color name="autumn_color_50">#fffebf</color>

PWA prompt