#E0B48C

#D19E72

#C28858

#B3723E

#A45C24

Apple Pie

Actions

Explore the gradient in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e0b48c	rgb(224, 180, 140)	hsl(29 58% 71%)	hwb(29 55% 12%)	lch(76.6 29.6 65)	lab(76.6 12.5 26.8)	cmyk 0%, 20%, 37%, 12%
	#d19e72	rgb(209, 158, 114)	hsl(28 51% 63%)	hwb(28 45% 18%)	lch(69.3 34.4 63.1)	lab(69.3 15.6 30.7)	cmyk 0%, 24%, 45%, 18%
	#c28858	rgb(194, 136, 88)	hsl(27 46% 55%)	hwb(27 35% 24%)	lch(61.9 39.7 61.4)	lab(61.9 19 34.9)	cmyk 0%, 30%, 55%, 24%
	#b3723e	rgb(179, 114, 62)	hsl(27 49% 47%)	hwb(27 24% 30%)	lch(54.4 45.5 59.9)	lab(54.4 22.8 39.4)	cmyk 0%, 36%, 65%, 30%
	#a45c24	rgb(164, 92, 36)	hsl(26 64% 39%)	hwb(26 14% 36%)	lch(47 51.5 58.3)	lab(47 27.1 43.8)	cmyk 0%, 44%, 78%, 36%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#E0B48C

AA - 1.89



#D19E72

AA - 2.37



#C28858

AA - 3.01



#B3723E

AA - 3.89



#A45C24

AA - 5.07



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(80% 0.033 0.066), oklab(73.7% 0.04 0.075), oklab(67.4% 0.048 0.083), oklab(61.1% 0.057 0.09), oklab(54.8% 0.067 0.095))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #E0B48C, #D19E72, #C28858, #B3723E, #A45C24)

Colors



<!-- Primary Colors -->
<color name="apple_pie_color_10">#E0B48C</color>
<color name="apple_pie_color_20">#D19E72</color>
<color name="apple_pie_color_30">#C28858</color>
<color name="apple_pie_color_40">#B3723E</color>
<color name="apple_pie_color_50">#A45C24</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt