Fruits

Palette information

triad

Red

Green

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f1849d	rgb(241, 132, 157)	hsl(346, 80%, 73%)	hwb(346 52% 5%)	hsv 346°, 45%, 95%	cmyk 0%, 45%, 35%, 5%	Pantone 708C
#f8c9d4	rgb(248, 201, 212)	hsl(346, 77%, 88%)	hwb(346 79% 3%)	hsv 346°, 19%, 97%	cmyk 0%, 19%, 15%, 3%	Pantone 496C
#fef6f8	rgb(254, 246, 248)	hsl(345, 80%, 98%)	hwb(345 96% 0%)	hsv 345°, 3%, 100%	cmyk 0%, 3%, 2%, 0%	Pantone 663C
#9df184	rgb(157, 241, 132)	hsl(106, 80%, 73%)	hwb(106 52% 5%)	hsv 106°, 45%, 95%	cmyk 35%, 0%, 45%, 5%	Pantone 367C
#849df1	rgb(132, 157, 241)	hsl(226, 80%, 73%)	hwb(226 52% 5%)	hsv 226°, 45%, 95%	cmyk 45%, 35%, 0%, 5%	Pantone 2718C

Click a color format to copy to your clipboard.

White background Black background

#f1849d

2.5

#f8c9d4

1.5

#fef6f8

1.1

#f8c9d4

1.4

#f8c9d4

2.6

Color blindness filter

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

Android color codes


                <color name="Fruits_1">#f1849d</color>


                <color name="Fruits_2">#f8c9d4</color>


                <color name="Fruits_3">#fef6f8</color>


                <color name="Fruits_4">#9df184</color>


                <color name="Fruits_5">#849df1</color>

Flutter color codes


                const Fruits1 = Color(0xFFf1849d);


                const Fruits2 = Color(0xFFf8c9d4);


                const Fruits3 = Color(0xFFfef6f8);


                const Fruits4 = Color(0xFF9df184);


                const Fruits5 = Color(0xFF849df1);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator