Tile

Palette information

Red

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#81c37b	rgb(129, 195, 123)	hsl(115, 38%, 62%)	hwb(115 48% 24%)	hsv 115°, 37%, 76%	cmyk 34%, 0%, 37%, 24%	Pantone 359C
#a14945	rgb(161, 73, 69)	hsl(3, 40%, 45%)	hwb(3 27% 37%)	hsv 3°, 57%, 63%	cmyk 0%, 55%, 57%, 37%	Pantone 492C
#fff5d9	rgb(255, 245, 217)	hsl(44, 100%, 93%)	hwb(44 85% 0%)	hsv 44°, 15%, 100%	cmyk 0%, 4%, 15%, 0%	Pantone 475C
#548355	rgb(84, 131, 85)	hsl(121, 22%, 42%)	hwb(121 33% 49%)	hsv 121°, 36%, 51%	cmyk 36%, 0%, 35%, 49%	Pantone 555C
#f0b46e	rgb(240, 180, 110)	hsl(32, 81%, 69%)	hwb(32 43% 6%)	hsv 32°, 54%, 94%	cmyk 0%, 25%, 54%, 6%	Pantone 149C

Click a color format to copy to your clipboard.

White background Black background

#81C37B

2.1

#A14945

5.9

#FFF5D9

1.1

#A14945

4.4

#A14945

1.8

Color blindness filter

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

Android color codes


                <color name="Tile_1">#81C37B</color>


                <color name="Tile_2">#A14945</color>


                <color name="Tile_3">#FFF5D9</color>


                <color name="Tile_4">#548355</color>


                <color name="Tile_5">#F0B46E</color>

Flutter color codes


                const Tile1 = Color(0xFF81C37B);


                const Tile2 = Color(0xFFA14945);


                const Tile3 = Color(0xFFFFF5D9);


                const Tile4 = Color(0xFF548355);


                const Tile5 = Color(0xFFF0B46E);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator