Fall

#36100f

#5b2636

#8e4362

#edbfbf

#f0d8cc

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Purple

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#36100f	rgb(54, 16, 15)	hsl(1.5 57% 14%)	oklab(24% 0.06 0.03)	oklch(24% 0.06 24)	color(display-p3 0.19 0.07 0.06)
	#5b2636	rgb(91, 38, 54)	hsl(340 41% 25%)	oklab(35% 0.08 0)	oklch(35% 0.08 3.1)	color(display-p3 0.33 0.16 0.21)
	#8e4362	rgb(142, 67, 98)	hsl(340 36% 41%)	oklab(49% 0.11 -0.01)	oklch(49% 0.11 360)	color(display-p3 0.52 0.28 0.38)
	#edbfbf	rgb(237, 191, 191)	hsl(0 56% 84%)	oklab(85% 0.05 0.02)	oklch(85% 0.05 18)	color(display-p3 0.9 0.76 0.75)
	#f0d8cc	rgb(240, 216, 204)	hsl(20 55% 87%)	oklab(90% 0.02 0.02)	oklch(90% 0.03 48)	color(display-p3 0.93 0.85 0.81)

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

#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