Palette

Palette information

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#bf4fa7	rgb(191, 79, 167)	hsl(313, 47%, 53%)	hwb(313 31% 25%)	hsv 313°, 59%, 75%	cmyk 0%, 59%, 13%, 25%	Pantone 674C
#d487c2	rgb(212, 135, 194)	hsl(314, 47%, 68%)	hwb(314 53% 17%)	hsv 314°, 36%, 83%	cmyk 0%, 36%, 8%, 17%	Pantone 514C
#e1add5	rgb(225, 173, 213)	hsl(314, 46%, 78%)	hwb(314 68% 12%)	hsv 314°, 23%, 88%	cmyk 0%, 23%, 5%, 12%	Pantone 515C
#87d499	rgb(135, 212, 153)	hsl(134, 47%, 68%)	hwb(134 53% 17%)	hsv 134°, 36%, 83%	cmyk 36%, 0%, 28%, 17%	Pantone 346C
#4fbf69	rgb(79, 191, 105)	hsl(134, 47%, 53%)	hwb(134 31% 25%)	hsv 134°, 59%, 75%	cmyk 59%, 0%, 45%, 25%	Pantone 3405C

Click a color format to copy to your clipboard.

Background

#bf4fa7

4.3

#d487c2

2.6

#e1add5

1.9

#87d499

1.8

#4fbf69

2.3

Color blindness filter

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

Android color codes


                <color name="Palette_1">#bf4fa7</color>


                <color name="Palette_2">#d487c2</color>


                <color name="Palette_3">#e1add5</color>


                <color name="Palette_4">#87d499</color>


                <color name="Palette_5">#4fbf69</color>

Flutter color codes


                const Palette1 = Color(0xFFbf4fa7);


                const Palette2 = Color(0xFFd487c2);


                const Palette3 = Color(0xFFe1add5);


                const Palette4 = Color(0xFF87d499);


                const Palette5 = Color(0xFF4fbf69);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator