Pumpkin

#000000

#ff6200

#ff8a36

#ffc496

#ffffff

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%
	#ff6200	rgb(255, 98, 0)	hsl(23 100% 50%)	hwb(23 0% 0%)	lch(62.5 93.2 51)	lab(62.5 58.7 72.4)	cmyk 0%, 62%, 100%, 0%
	#ff8a36	rgb(255, 138, 54)	hsl(25 100% 61%)	hwb(25 21% 0%)	lch(70 75 56.5)	lab(70 41.4 62.5)	cmyk 0%, 46%, 79%, 0%
	#ffc496	rgb(255, 196, 150)	hsl(26 100% 79%)	hwb(26 59% 0%)	lch(83.8 36.2 61)	lab(83.8 17.6 31.7)	cmyk 0%, 23%, 41%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000000

AAA - 21



#ff6200

AA - 3



#ff8a36

AA - 2.34



#ffc496

AA - 1.54



#ffffff

AA - 1



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(0% 0 0), oklab(69.1% 0.153 0.14), oklab(74.9% 0.104 0.133), oklab(86.3% 0.046 0.078), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #000000, #ff6200, #ff8a36, #ffc496, #ffffff)

Colors



<!-- Primary Colors -->
<color name="pumpkin_color_10">#000000</color>
<color name="pumpkin_color_20">#ff6200</color>
<color name="pumpkin_color_30">#ff8a36</color>
<color name="pumpkin_color_40">#ffc496</color>
<color name="pumpkin_color_50">#ffffff</color>

PWA prompt