Fall

#36100f

#5b2636

#8e4362

#edbfbf

#f0d8cc

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#36100f	rgb(54, 16, 15)	hsl(1.5 57% 14%)	hwb(1.5 5.9% 79%)	lch(10.7 21.8 27.6)	lab(10.7 19.3 10.1)	cmyk 0%, 70%, 72%, 79%
	#5b2636	rgb(91, 38, 54)	hsl(340 41% 25%)	hwb(340 15% 64%)	lch(23.5 26.2 4.45)	lab(23.5 26.2 2.04)	cmyk 0%, 58%, 41%, 64%
	#8e4362	rgb(142, 67, 98)	hsl(340 36% 41%)	hwb(340 26% 44%)	lch(39.2 35.2 356)	lab(39.2 35.1 -2.59)	cmyk 0%, 53%, 31%, 44%
	#edbfbf	rgb(237, 191, 191)	hsl(0 56% 84%)	hwb(0 75% 7.1%)	lch(81.5 18.2 21.2)	lab(81.5 17 6.58)	cmyk 0%, 19%, 19%, 7%
	#f0d8cc	rgb(240, 216, 204)	hsl(20 55% 87%)	hwb(20 80% 5.9%)	lch(88.1 11.6 51.9)	lab(88.1 7.16 9.12)	cmyk 0%, 10%, 15%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#36100f

AAA - 16.96



#5b2636

AAA - 11.82



#8e4362

AA - 6.71



#edbfbf

AA - 1.63



#f0d8cc

AA - 1.36



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(23.6% 0.056 0.025), oklab(34.9% 0.08 0.004), oklab(48.8% 0.107 -0.008), oklab(84.5% 0.05 0.017), oklab(89.9% 0.021 0.023))

Fallback colors



background: linear-gradient(45deg, #36100f, #5b2636, #8e4362, #edbfbf, #f0d8cc)

Colors



<!-- Primary Colors -->
<color name="fall_color_10">#36100f</color>
<color name="fall_color_20">#5b2636</color>
<color name="fall_color_30">#8e4362</color>
<color name="fall_color_40">#edbfbf</color>
<color name="fall_color_50">#f0d8cc</color>

PWA prompt