#772f1a

#f58549

#f2a65a

#eec170

#585123

Pumpkin

#772f1a

#f58549

#f2a65a

#eec170

#585123



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#772f1a	rgb(119, 47, 26)	hsl(14 64% 28%)	hwb(14 10% 53%)	lch(29.9 42.9 43.3)	lab(29.9 31.2 29.4)	cmyk 0%, 61%, 78%, 53%
	#f58549	rgb(245, 133, 73)	hsl(21 90% 62%)	hwb(21 29% 3.9%)	lch(67.7 65.3 51.7)	lab(67.7 40.5 51.2)	cmyk 0%, 46%, 70%, 4%
	#f2a65a	rgb(242, 166, 90)	hsl(30 85% 65%)	hwb(30 35% 5.1%)	lch(74.6 55.7 64.9)	lab(74.6 23.6 50.4)	cmyk 0%, 31%, 63%, 5%
	#eec170	rgb(238, 193, 112)	hsl(39 79% 69%)	hwb(39 44% 6.7%)	lch(80.9 47.7 78.3)	lab(80.9 9.65 46.8)	cmyk 0%, 19%, 53%, 7%
	#585123	rgb(88, 81, 35)	hsl(52 43% 24%)	hwb(52 14% 65%)	lch(34.3 27.7 94.1)	lab(34.3 -1.99 27.6)	cmyk 0%, 8%, 60%, 65%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#772f1a

AAA - 9.51



#f58549

AA - 2.51



#f2a65a

AA - 2.02



#eec170

AA - 1.68



#585123

AAA - 8.02



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(40.4% 0.085 0.064), oklab(73% 0.106 0.114), oklab(78.5% 0.057 0.116), oklab(83.4% 0.018 0.111), oklab(43.1% -0.012 0.065))

Fallback colors



background: linear-gradient(45deg, #772f1a, #f58549, #f2a65a, #eec170, #585123)

Colors



<!-- Primary Colors -->
<color name="pumpkin_color_10">#772f1a</color>
<color name="pumpkin_color_20">#f58549</color>
<color name="pumpkin_color_30">#f2a65a</color>
<color name="pumpkin_color_40">#eec170</color>
<color name="pumpkin_color_50">#585123</color>

PWA prompt