Jungle

#83A738

#CEE54D

#83BF36

#37741B

#452D0D

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#83a738	rgb(131, 167, 56)	hsl(79 50% 44%)	oklab(68% -0.08 0.12)	oklch(68% 0.14 130)	color(display-p3 0.54 0.65 0.29)
	#cee54d	rgb(206, 229, 77)	hsl(69 75% 60%)	oklab(88% -0.08 0.15)	oklch(88% 0.17 120)	color(display-p3 0.82 0.9 0.4)
	#83bf36	rgb(131, 191, 54)	hsl(86 56% 48%)	oklab(74% -0.11 0.13)	oklch(74% 0.18 130)	color(display-p3 0.56 0.74 0.3)
	#37741b	rgb(55, 116, 27)	hsl(100 62% 28%)	oklab(50% -0.1 0.09)	oklch(50% 0.14 140)	color(display-p3 0.28 0.45 0.17)
	#452d0d	rgb(69, 45, 13)	hsl(34 68% 16%)	oklab(32% 0.02 0.05)	oklch(32% 0.06 71)	color(display-p3 0.26 0.18 0.08)

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

#83A738

AA - 2.78



#CEE54D

AA - 1.4



#83BF36

AA - 2.21



#37741B

AA - 5.71



#452D0D

AAA - 12.85



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(67.9% -0.083 0.117), oklab(87.7% -0.08 0.154), oklab(73.7% -0.114 0.134), oklab(49.9% -0.101 0.091), oklab(31.9% 0.019 0.054))

Fallback colors



background: linear-gradient(45deg, #83A738, #CEE54D, #83BF36, #37741B, #452D0D)

Colors



<!-- Primary Colors -->
<color name="jungle_color_10">#83A738</color>
<color name="jungle_color_20">#CEE54D</color>
<color name="jungle_color_30">#83BF36</color>
<color name="jungle_color_40">#37741B</color>
<color name="jungle_color_50">#452D0D</color>

PWA prompt