#007016

#96bb7c

#d6efc7

#eeb40d

#feedbe

Tree

#007016

#96bb7c

#d6efc7

#eeb40d

#feedbe



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

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#007016	rgb(0, 112, 22)	hsl(130 100% 22%)	hwb(130 0% 56%)	lch(40.7 57.2 138)	lab(40.7 -42.3 38.5)	cmyk 100%, 0%, 80%, 56%
	#96bb7c	rgb(150, 187, 124)	hsl(95 32% 61%)	hwb(95 49% 27%)	lch(72 35.1 128)	lab(72 -21.5 27.7)	cmyk 20%, 0%, 34%, 27%
	#d6efc7	rgb(214, 239, 199)	hsl(98 56% 86%)	hwb(98 78% 6.3%)	lch(91.8 21.5 130)	lab(91.8 -13.8 16.5)	cmyk 10%, 0%, 17%, 6%
	#eeb40d	rgb(238, 180, 13)	hsl(45 90% 49%)	hwb(45 5.1% 6.7%)	lch(77.1 78.6 80.5)	lab(77.1 13 77.5)	cmyk 0%, 24%, 95%, 7%
	#feedbe	rgb(254, 237, 190)	hsl(44 97% 87%)	hwb(44 75% 0.39%)	lch(94.3 25.1 88.3)	lab(94.3 0.737 25.1)	cmyk 0%, 7%, 25%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#007016

AA - 6.3



#96bb7c

AA - 2.16



#d6efc7

AA - 1.23



#eeb40d

AA - 1.88



#feedbe

AA - 1.16



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.3% -0.123 0.089), oklab(74.9% -0.065 0.07), oklab(92.3% -0.041 0.043), oklab(80.1% 0.015 0.162), oklab(94.8% -0.001 0.063))

Fallback colors



background: linear-gradient(45deg, #007016, #96bb7c, #d6efc7, #eeb40d, #feedbe)

Colors



<!-- Primary Colors -->
<color name="tree_color_10">#007016</color>
<color name="tree_color_20">#96bb7c</color>
<color name="tree_color_30">#d6efc7</color>
<color name="tree_color_40">#eeb40d</color>
<color name="tree_color_50">#feedbe</color>

PWA prompt