Trafficpurple

Palette information

monochromatic

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f4a3e2	rgb(244, 163, 226)	hsl(313, 79%, 80%)	hwb(313 64% 4%)	hsv 313°, 33%, 96%	cmyk 0%, 33%, 7%, 4%	Pantone 244C
#db8ac9	rgb(219, 138, 201)	hsl(313, 53%, 70%)	hwb(313 54% 14%)	hsv 313°, 37%, 86%	cmyk 0%, 37%, 8%, 14%	Pantone 514C
#c170af	rgb(193, 112, 175)	hsl(313, 40%, 60%)	hwb(313 44% 24%)	hsv 313°, 42%, 76%	cmyk 0%, 42%, 9%, 24%	Pantone 514C
#a85796	rgb(168, 87, 150)	hsl(313, 32%, 50%)	hwb(313 34% 34%)	hsv 313°, 48%, 66%	cmyk 0%, 48%, 11%, 34%	Pantone 682C
#9b4a89	rgb(155, 74, 137)	hsl(313, 35%, 45%)	hwb(313 29% 39%)	hsv 313°, 52%, 61%	cmyk 0%, 52%, 12%, 39%	Pantone 682C

Click a color format to copy to your clipboard.

White background Black background

#f4a3e2

1.9

#db8ac9

2.5

#c170af

3.4

#db8ac9

4.7

#db8ac9

5.6

Color blindness filter

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

Android color codes


                <color name="Trafficpurple_1">#f4a3e2</color>


                <color name="Trafficpurple_2">#db8ac9</color>


                <color name="Trafficpurple_3">#c170af</color>


                <color name="Trafficpurple_4">#a85796</color>


                <color name="Trafficpurple_5">#9b4a89</color>

Flutter color codes


                const Trafficpurple1 = Color(0xFFf4a3e2);


                const Trafficpurple2 = Color(0xFFdb8ac9);


                const Trafficpurple3 = Color(0xFFc170af);


                const Trafficpurple4 = Color(0xFFa85796);


                const Trafficpurple5 = Color(0xFF9b4a89);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator