#874C1D

#A65121

#C5572B

#E46C35

#F27F40

Cucurbita

#874C1D

#A65121

#C5572B

#E46C35

#F27F40



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

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#874c1d	rgb(135, 76, 29)	hsl(27 65% 32%)	hwb(27 11% 47%)	lch(39 44.1 58.8)	lab(39 22.8 37.7)	cmyk 0%, 44%, 79%, 47%
	#a65121	rgb(166, 81, 33)	hsl(22 67% 39%)	hwb(22 13% 35%)	lch(44.9 54.8 52.3)	lab(44.9 33.5 43.4)	cmyk 0%, 51%, 80%, 35%
	#c5572b	rgb(197, 87, 43)	hsl(17 64% 47%)	hwb(17 17% 23%)	lch(51.2 63.4 47.2)	lab(51.2 43.1 46.5)	cmyk 0%, 56%, 78%, 23%
	#e46c35	rgb(228, 108, 53)	hsl(19 76% 55%)	hwb(19 21% 11%)	lch(60.1 69.1 49.1)	lab(60.1 45.3 52.2)	cmyk 0%, 53%, 77%, 11%
	#f27f40	rgb(242, 127, 64)	hsl(21 87% 60%)	hwb(21 25% 5.1%)	lch(66 68.1 52)	lab(66 41.9 53.6)	cmyk 0%, 48%, 74%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#874C1D

AA - 6.81



#A65121

AA - 5.49



#C5572B

AA - 4.4



#E46C35

AA - 3.23



#F27F40

AA - 2.66



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(47.8% 0.057 0.082), oklab(53.2% 0.087 0.093), oklab(58.9% 0.115 0.099), oklab(66.6% 0.12 0.112), oklab(71.6% 0.109 0.117))

Fallback colors



background: linear-gradient(45deg, #874C1D, #A65121, #C5572B, #E46C35, #F27F40)

Colors



<!-- Primary Colors -->
<color name="cucurbita_color_10">#874C1D</color>
<color name="cucurbita_color_20">#A65121</color>
<color name="cucurbita_color_30">#C5572B</color>
<color name="cucurbita_color_40">#E46C35</color>
<color name="cucurbita_color_50">#F27F40</color>

PWA prompt