Pumpkin

#ffdbb8

#ffbe7d

#ff9f40

#cf6f0e

#874400

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffdbb8	rgb(255, 219, 184)	hsl(30 100% 86%)	hwb(30 72% 0%)	lch(89.8 24 67.4)	lab(89.8 9.2 22.1)	cmyk 0%, 14%, 28%, 0%
	#ffbe7d	rgb(255, 190, 125)	hsl(30 100% 75%)	hwb(30 49% 0%)	lch(82.1 46.2 66)	lab(82.1 18.8 42.2)	cmyk 0%, 25%, 51%, 0%
	#ff9f40	rgb(255, 159, 64)	hsl(30 100% 63%)	hwb(30 25% 0%)	lch(74.5 70 63.3)	lab(74.5 31.4 62.5)	cmyk 0%, 38%, 75%, 0%
	#cf6f0e	rgb(207, 111, 14)	hsl(30 87% 43%)	hwb(30 5.5% 19%)	lch(57.4 71.4 60.8)	lab(57.4 34.9 62.3)	cmyk 0%, 46%, 93%, 19%
	#874400	rgb(135, 68, 0)	hsl(30 100% 26%)	hwb(30 0% 47%)	lch(37 54 60.5)	lab(37 26.6 47)	cmyk 0%, 50%, 100%, 47%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#ffdbb8

AA - 1.3



#ffbe7d

AA - 1.62



#ff9f40

AA - 2.04



#cf6f0e

AA - 3.53



#874400

AAA - 7.35



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(91.3% 0.025 0.056), oklab(84.7% 0.046 0.101), oklab(78.5% 0.075 0.136), oklab(63.9% 0.084 0.127), oklab(46.2% 0.064 0.094))

Fallback colors



background: linear-gradient(45deg, #ffdbb8, #ffbe7d, #ff9f40, #cf6f0e, #874400)

Colors



<!-- Primary Colors -->
<color name="pumpkin_color_10">#ffdbb8</color>
<color name="pumpkin_color_20">#ffbe7d</color>
<color name="pumpkin_color_30">#ff9f40</color>
<color name="pumpkin_color_40">#cf6f0e</color>
<color name="pumpkin_color_50">#874400</color>

PWA prompt