Toad

Palette information

Green

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#3a6b55	rgb(58, 107, 85)	hsl(153, 30%, 32%)	hwb(153 23% 58%)	hsv 153°, 46%, 42%	cmyk 46%, 0%, 21%, 58%	Pantone 5545C
#5fc198	rgb(95, 193, 152)	hsl(155, 44%, 56%)	hwb(155 37% 24%)	hsv 155°, 51%, 76%	cmyk 51%, 0%, 21%, 24%	Pantone 346C
#9ed5ae	rgb(158, 213, 174)	hsl(137, 40%, 73%)	hwb(137 62% 16%)	hsv 137°, 26%, 84%	cmyk 26%, 0%, 18%, 16%	Pantone 344C
#d6d3b8	rgb(214, 211, 184)	hsl(54, 27%, 78%)	hwb(54 72% 16%)	hsv 54°, 14%, 84%	cmyk 0%, 1%, 14%, 16%	Pantone 454C
#fad1c1	rgb(250, 209, 193)	hsl(17, 85%, 87%)	hwb(17 76% 2%)	hsv 17°, 23%, 98%	cmyk 0%, 16%, 23%, 2%	Pantone 489C

Click a color format to copy to your clipboard.

White background Black background

#3a6b55

6.2

#5fc198

2.2

#9ed5ae

1.7

#5fc198

1.5

#5fc198

1.4

Color blindness filter

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

Android color codes


                <color name="Toad_1">#3a6b55</color>


                <color name="Toad_2">#5fc198</color>


                <color name="Toad_3">#9ed5ae</color>


                <color name="Toad_4">#d6d3b8</color>


                <color name="Toad_5">#fad1c1</color>

Flutter color codes


                const Toad1 = Color(0xFF3a6b55);


                const Toad2 = Color(0xFF5fc198);


                const Toad3 = Color(0xFF9ed5ae);


                const Toad4 = Color(0xFFd6d3b8);


                const Toad5 = Color(0xFFfad1c1);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator