Fall Forest

#1a1a1a

#470000

#a64021

#d48972

#d1b769

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Red

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1a1a1a	rgb(26, 26, 26)	hsl(none 0% 10%)	hwb(none 10% 90%)	lch(9.26 0 none)	lab(9.26 0 0)	cmyk 0%, 0%, 0%, 90%
	#470000	rgb(71, 0, 0)	hsl(0 100% 14%)	hwb(0 0% 72%)	lch(12 37.3 30.6)	lab(12 32.2 19)	cmyk 0%, 100%, 100%, 72%
	#a64021	rgb(166, 64, 33)	hsl(14 67% 39%)	hwb(14 13% 35%)	lch(41.6 58 44.1)	lab(41.6 41.7 40.4)	cmyk 0%, 61%, 80%, 35%
	#d48972	rgb(212, 137, 114)	hsl(14 53% 64%)	hwb(14 45% 17%)	lch(64.6 37.1 42)	lab(64.6 27.6 24.8)	cmyk 0%, 35%, 46%, 17%
	#d1b769	rgb(209, 183, 105)	hsl(45 53% 62%)	hwb(45 41% 18%)	lch(75.4 43 87)	lab(75.4 2.27 42.9)	cmyk 0%, 12%, 50%, 18%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1a1a1a

AAA - 17.4



#470000

AAA - 16.56



#a64021

AA - 6.21



#d48972

AA - 2.75



#d1b769

AA - 1.96



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(21.8% 0 0), oklab(25% 0.089 0.05), oklab(50.7% 0.113 0.086), oklab(70.2% 0.078 0.06), oklab(78.5% -0.003 0.102))

Fallback colors



background: linear-gradient(45deg, #1a1a1a, #470000, #a64021, #d48972, #d1b769)

Colors



<!-- Primary Colors -->
<color name="fall_forest_color_10">#1a1a1a</color>
<color name="fall_forest_color_20">#470000</color>
<color name="fall_forest_color_30">#a64021</color>
<color name="fall_forest_color_40">#d48972</color>
<color name="fall_forest_color_50">#d1b769</color>

PWA prompt