Music

Palette information

Red

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ff5c5c	rgb(255, 92, 92)	hsl(0, 100%, 68%)	hwb(0 36% 0%)	hsv 0°, 64%, 100%	cmyk 0%, 64%, 64%, 0%	Pantone 178C
#ff8585	rgb(255, 133, 133)	hsl(0, 100%, 76%)	hwb(0 52% 0%)	hsv 0°, 48%, 100%	cmyk 0%, 48%, 48%, 0%	Pantone 177C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#ffbd42	rgb(255, 189, 66)	hsl(39, 100%, 63%)	hwb(39 26% 0%)	hsv 39°, 74%, 100%	cmyk 0%, 26%, 74%, 0%	Pantone 136C
#4f4f4f	rgb(79, 79, 79)	hsl(0, 0%, 31%)	hwb(0 31% 69%)	hsv 0°, 0%, 31%	cmyk 0%, 0%, 0%, 69%	Pantone 425C

Click a color format to copy to your clipboard.

White background Black background

#ff5c5c

3.0

#ff8585

2.3

#ffffff

1.0

#ff8585

1.7

#ff8585

8.2

Color blindness filter

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

Android color codes


                <color name="Music_1">#ff5c5c</color>


                <color name="Music_2">#ff8585</color>


                <color name="Music_3">#ffffff</color>


                <color name="Music_4">#ffbd42</color>


                <color name="Music_5">#4f4f4f</color>

Flutter color codes


                const Music1 = Color(0xFFff5c5c);


                const Music2 = Color(0xFFff8585);


                const Music3 = Color(0xFFffffff);


                const Music4 = Color(0xFFffbd42);


                const Music5 = Color(0xFF4f4f4f);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator