Jungle

#663600

#ee932a

#74c58d

#549227

#012c00

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Orange

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#663600	rgb(102, 54, 0)	hsl(32 100% 20%)	hwb(32 0% 60%)	lch(28.4 43.3 63.4)	lab(28.4 19.4 38.7)	cmyk 0%, 47%, 100%, 60%
	#ee932a	rgb(238, 147, 42)	hsl(32 85% 55%)	hwb(32 16% 6.7%)	lch(69.5 72 65.4)	lab(69.5 29.9 65.5)	cmyk 0%, 38%, 82%, 7%
	#74c58d	rgb(116, 197, 141)	hsl(140 41% 61%)	hwb(140 45% 23%)	lch(73.2 40.5 150)	lab(73.2 -35.2 20.1)	cmyk 41%, 0%, 28%, 23%
	#549227	rgb(84, 146, 39)	hsl(95 58% 36%)	hwb(95 15% 43%)	lch(54.8 58.4 127)	lab(54.8 -34.8 46.9)	cmyk 42%, 0%, 73%, 43%
	#012c00	rgb(1, 44, 0)	hsl(120 100% 8.6%)	hwb(120 0% 83%)	lch(14.5 30.6 138)	lab(14.5 -22.9 20.3)	cmyk 98%, 0%, 100%, 83%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#663600

AAA - 10.03



#ee932a

AA - 2.37



#74c58d

AA - 2.07



#549227

AA - 3.8



#012c00

AAA - 15.42



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(38.6% 0.045 0.078), oklab(74.2% 0.069 0.139), oklab(75.6% -0.101 0.052), oklab(59.6% -0.108 0.108), oklab(25.4% -0.068 0.053))

Fallback colors



background: linear-gradient(45deg, #663600, #ee932a, #74c58d, #549227, #012c00)

Colors



<!-- Primary Colors -->
<color name="jungle_color_10">#663600</color>
<color name="jungle_color_20">#ee932a</color>
<color name="jungle_color_30">#74c58d</color>
<color name="jungle_color_40">#549227</color>
<color name="jungle_color_50">#012c00</color>

PWA prompt