Autumn

#ece2df

#eadbc7

#c2a19d

#be8063

#a96d61

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ece2df	rgb(236, 226, 223)	hsl(14 25% 90%)	hwb(14 87% 7.5%)	lch(90.6 4.17 41.2)	lab(90.6 3.13 2.75)	cmyk 0%, 4%, 6%, 7%
	#eadbc7	rgb(234, 219, 199)	hsl(34 45% 85%)	hwb(34 78% 8.2%)	lch(88.2 12.2 76.1)	lab(88.2 2.92 11.8)	cmyk 0%, 6%, 15%, 8%
	#c2a19d	rgb(194, 161, 157)	hsl(6.5 23% 69%)	hwb(6.5 62% 24%)	lch(69.2 13.9 29.7)	lab(69.2 12.1 6.89)	cmyk 0%, 17%, 19%, 24%
	#be8063	rgb(190, 128, 99)	hsl(19 41% 57%)	hwb(19 39% 25%)	lch(59.6 34.2 49.4)	lab(59.6 22.3 26)	cmyk 0%, 33%, 48%, 25%
	#a96d61	rgb(169, 109, 97)	hsl(10 30% 52%)	hwb(10 38% 34%)	lch(52.4 29.1 36.1)	lab(52.4 23.5 17.1)	cmyk 0%, 36%, 43%, 34%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ece2df

AA - 1.27



#eadbc7

AA - 1.35



#c2a19d

AA - 2.36



#be8063

AA - 3.25



#a96d61

AA - 4.16



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(92% 0.009 0.007), oklab(89.8% 0.008 0.03), oklab(73.7% 0.036 0.017), oklab(65.6% 0.061 0.063), oklab(59.6% 0.068 0.042))

Fallback colors



background: linear-gradient(45deg, #ece2df, #eadbc7, #c2a19d, #be8063, #a96d61)

Colors



<!-- Primary Colors -->
<color name="autumn_color_10">#ece2df</color>
<color name="autumn_color_20">#eadbc7</color>
<color name="autumn_color_30">#c2a19d</color>
<color name="autumn_color_40">#be8063</color>
<color name="autumn_color_50">#a96d61</color>

PWA prompt