Pumpkin

#C64C0B

#FF6400

#FE8A00

#F19E29

#F9B44E

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#c64c0b	rgb(198, 76, 11)	hsl(21 89% 41%)	hwb(21 4.3% 22%)	lch(49.2 74.7 50.1)	lab(49.2 47.9 57.3)	cmyk 0%, 62%, 94%, 22%
	#ff6400	rgb(255, 100, 0)	hsl(24 100% 50%)	hwb(24 0% 0%)	lch(62.8 92.8 51.4)	lab(62.8 57.9 72.5)	cmyk 0%, 61%, 100%, 0%
	#fe8a00	rgb(254, 138, 0)	hsl(33 100% 50%)	hwb(33 0% 0.39%)	lch(69.7 85.8 61.9)	lab(69.7 40.4 75.7)	cmyk 0%, 46%, 100%, 0%
	#f19e29	rgb(241, 158, 41)	hsl(35 88% 55%)	hwb(35 16% 5.5%)	lch(72.4 73 69.4)	lab(72.4 25.6 68.3)	cmyk 0%, 34%, 83%, 5%
	#f9b44e	rgb(249, 180, 78)	hsl(36 93% 64%)	hwb(36 31% 2.4%)	lch(78.6 63.3 72.5)	lab(78.6 19 60.4)	cmyk 0%, 28%, 69%, 2%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#C64C0B

AA - 4.72



#FF6400

AA - 2.96



#FE8A00

AA - 2.37



#F19E29

AA - 2.17



#F9B44E

AA - 1.8



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(57.4% 0.126 0.113), oklab(69.3% 0.151 0.14), oklab(74.6% 0.096 0.151), oklab(76.5% 0.055 0.145), oklab(81.7% 0.039 0.135))

Fallback colors



background: linear-gradient(45deg, #C64C0B, #FF6400, #FE8A00, #F19E29, #F9B44E)

Colors



<!-- Primary Colors -->
<color name="pumpkin_color_10">#C64C0B</color>
<color name="pumpkin_color_20">#FF6400</color>
<color name="pumpkin_color_30">#FE8A00</color>
<color name="pumpkin_color_40">#F19E29</color>
<color name="pumpkin_color_50">#F9B44E</color>

PWA prompt