Jungle

#663600

#ee932a

#74c58d

#549227

#012c00

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Orange

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#663600	rgb(102, 54, 0)	hsl(32 100% 20%)	oklab(39% 0.05 0.08)	oklch(39% 0.09 60)	color(display-p3 0.37 0.22 0.06)
	#ee932a	rgb(238, 147, 42)	hsl(32 85% 55%)	oklab(74% 0.07 0.14)	oklch(74% 0.15 64)	color(display-p3 0.88 0.59 0.26)
	#74c58d	rgb(116, 197, 141)	hsl(140 41% 61%)	oklab(76% -0.1 0.05)	oklch(76% 0.11 150)	color(display-p3 0.53 0.76 0.57)
	#549227	rgb(84, 146, 39)	hsl(95 58% 36%)	oklab(60% -0.11 0.11)	oklch(60% 0.15 130)	color(display-p3 0.39 0.57 0.22)
	#012c00	rgb(1, 44, 0)	hsl(120 100% 8.6%)	oklab(25% -0.07 0.05)	oklch(25% 0.09 140)	color(display-p3 0.06 0.17 0.02)

 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.

#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