Forest

Palette information

Mon Feb 04 2019

Green

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#53c872	rgb(83, 200, 114)	hsl(136, 52%, 55%)	hwb(136 33% 22%)	hsv 136°, 59%, 78%	cmyk 59%, 0%, 43%, 22%	Pantone 3405C
#00b085	rgb(0, 176, 133)	hsl(165, 100%, 35%)	hwb(165 0% 31%)	hsv 165°, 100%, 69%	cmyk 100%, 0%, 24%, 31%	Pantone 339C
#00978d	rgb(0, 151, 141)	hsl(176, 100%, 30%)	hwb(176 0% 41%)	hsv 176°, 100%, 59%	cmyk 100%, 0%, 7%, 41%	Pantone 3272C
#007c87	rgb(0, 124, 135)	hsl(185, 100%, 26%)	hwb(185 0% 47%)	hsv 185°, 100%, 53%	cmyk 100%, 8%, 0%, 47%	Pantone 322C
#156175	rgb(21, 97, 117)	hsl(193, 70%, 27%)	hwb(193 8% 54%)	hsv 193°, 82%, 46%	cmyk 82%, 17%, 0%, 54%	Pantone 315C

Click a color format to copy to your clipboard.

Background

#53C872

2.1

#00B085

2.8

#00978D

3.6

#007C87

5.0

#156175

7.0

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Forest_1">#53C872</color>


                <color name="Forest_2">#00B085</color>


                <color name="Forest_3">#00978D</color>


                <color name="Forest_4">#007C87</color>


                <color name="Forest_5">#156175</color>

Flutter color codes


                const Forest1 = Color(0xFF53C872);


                const Forest2 = Color(0xFF00B085);


                const Forest3 = Color(0xFF00978D);


                const Forest4 = Color(0xFF007C87);


                const Forest5 = Color(0xFF156175);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator