Colorfulness

Palette information

Red

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ff1d55	rgb(255, 29, 85)	hsl(345, 100%, 56%)	hwb(345 11% 0%)	hsv 345°, 89%, 100%	cmyk 0%, 89%, 67%, 0%	Pantone 192C
#f75999	rgb(247, 89, 153)	hsl(336, 91%, 66%)	hwb(336 35% 3%)	hsv 336°, 64%, 97%	cmyk 0%, 64%, 38%, 3%	Pantone 812C
#fff686	rgb(255, 246, 134)	hsl(56, 100%, 76%)	hwb(56 53% 0%)	hsv 56°, 47%, 100%	cmyk 0%, 4%, 47%, 0%	Pantone 602C
#00ddf2	rgb(0, 221, 242)	hsl(185, 100%, 47%)	hwb(185 0% 5%)	hsv 185°, 100%, 95%	cmyk 100%, 9%, 0%, 5%	Pantone 319C
#0049b6	rgb(0, 73, 182)	hsl(216, 100%, 36%)	hwb(216 0% 29%)	hsv 216°, 100%, 71%	cmyk 100%, 60%, 0%, 29%	Pantone 2728C

Click a color format to copy to your clipboard.

White background Black background

#ff1d55

3.8

#f75999

3.1

#fff686

1.1

#f75999

1.7

#f75999

8.0

Color blindness filter

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

Android color codes


                <color name="Colorfulness_1">#ff1d55</color>


                <color name="Colorfulness_2">#f75999</color>


                <color name="Colorfulness_3">#fff686</color>


                <color name="Colorfulness_4">#00ddf2</color>


                <color name="Colorfulness_5">#0049b6</color>

Flutter color codes


                const Colorfulness1 = Color(0xFFff1d55);


                const Colorfulness2 = Color(0xFFf75999);


                const Colorfulness3 = Color(0xFFfff686);


                const Colorfulness4 = Color(0xFF00ddf2);


                const Colorfulness5 = Color(0xFF0049b6);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator