Cucurbita

#874C1D

#A65121

#C5572B

#E46C35

#F27F40

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#874c1d	rgb(135, 76, 29)	hsl(27 65% 32%)	oklab(48% 0.06 0.08)	oklch(48% 0.1 55)	color(display-p3 0.5 0.31 0.15)
	#a65121	rgb(166, 81, 33)	hsl(22 67% 39%)	oklab(53% 0.09 0.09)	oklch(53% 0.13 47)	color(display-p3 0.61 0.34 0.18)
	#c5572b	rgb(197, 87, 43)	hsl(17 64% 47%)	oklab(59% 0.12 0.1)	oklch(59% 0.15 41)	color(display-p3 0.72 0.37 0.22)
	#e46c35	rgb(228, 108, 53)	hsl(19 76% 55%)	oklab(67% 0.12 0.11)	oklch(67% 0.16 43)	color(display-p3 0.83 0.45 0.26)
	#f27f40	rgb(242, 127, 64)	hsl(21 87% 60%)	oklab(72% 0.11 0.12)	oklch(72% 0.16 47)	color(display-p3 0.89 0.52 0.31)

 Click on a color value to copy it 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