#83A738

#CEE54D

#83BF36

#37741B

#452D0D

Jungle

#83A738

#CEE54D

#83BF36

#37741B

#452D0D



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

Green

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#83a738	rgb(131, 167, 56)	hsl(79 50% 44%)	hwb(79 22% 35%)	lch(64.2 56.7 116)	lab(64.2 -25.2 50.8)	cmyk 22%, 0%, 66%, 35%
	#cee54d	rgb(206, 229, 77)	hsl(69 75% 60%)	hwb(69 30% 10%)	lch(87.2 71.3 108)	lab(87.2 -22.3 67.8)	cmyk 10%, 0%, 66%, 10%
	#83bf36	rgb(131, 191, 54)	hsl(86 56% 48%)	hwb(86 21% 25%)	lch(71.3 68.6 121)	lab(71.3 -35.6 58.6)	cmyk 31%, 0%, 72%, 25%
	#37741b	rgb(55, 116, 27)	hsl(100 62% 28%)	hwb(100 11% 55%)	lch(43.4 51.8 130)	lab(43.4 -33.1 39.8)	cmyk 53%, 0%, 77%, 55%
	#452d0d	rgb(69, 45, 13)	hsl(34 68% 16%)	hwb(34 5.1% 73%)	lch(20.9 25.9 70)	lab(20.9 8.85 24.3)	cmyk 0%, 35%, 81%, 73%

 Click a color format to copy 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