Pizza

#F2E7DC

#E6C3A3

#D98E4D

#BF5736

#732A19

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f2e7dc	rgb(242, 231, 220)	hsl(30 46% 91%)	hwb(30 86% 5.1%)	lch(92.3 7.22 69.8)	lab(92.3 2.49 6.77)	cmyk 0%, 5%, 9%, 5%
	#e6c3a3	rgb(230, 195, 163)	hsl(29 57% 77%)	hwb(29 64% 9.8%)	lch(81.3 23 65.8)	lab(81.3 9.43 21)	cmyk 0%, 15%, 29%, 10%
	#d98e4d	rgb(217, 142, 77)	hsl(28 65% 58%)	hwb(28 30% 15%)	lch(66 52.4 61.6)	lab(66 24.9 46.1)	cmyk 0%, 35%, 65%, 15%
	#bf5736	rgb(191, 87, 54)	hsl(14 56% 48%)	hwb(14 21% 25%)	lch(50.3 57.1 44)	lab(50.3 41.1 39.6)	cmyk 0%, 54%, 72%, 25%
	#732a19	rgb(115, 42, 25)	hsl(11 64% 27%)	hwb(11 9.8% 55%)	lch(28.2 42.5 41.1)	lab(28.2 32.1 28)	cmyk 0%, 63%, 78%, 55%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F2E7DC

AA - 1.21



#E6C3A3

AA - 1.65



#D98E4D

AA - 2.64



#BF5736

AA - 4.53



#732A19

AAA - 10.12



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(93.4% 0.007 0.018), oklab(83.9% 0.025 0.053), oklab(71.1% 0.061 0.105), oklab(58.1% 0.112 0.088), oklab(38.9% 0.088 0.061))

Fallback colors



background: linear-gradient(45deg, #F2E7DC, #E6C3A3, #D98E4D, #BF5736, #732A19)

Colors



<!-- Primary Colors -->
<color name="pizza_color_10">#F2E7DC</color>
<color name="pizza_color_20">#E6C3A3</color>
<color name="pizza_color_30">#D98E4D</color>
<color name="pizza_color_40">#BF5736</color>
<color name="pizza_color_50">#732A19</color>

PWA prompt