Rose

Palette information

triad

Blue

Red

Green

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#7281f6	rgb(114, 129, 246)	hsl(233, 88%, 71%)	hwb(233 45% 4%)	hsv 233°, 54%, 96%	cmyk 54%, 48%, 0%, 4%	Pantone 814C
#bac2fa	rgb(186, 194, 250)	hsl(233, 86%, 85%)	hwb(233 73% 2%)	hsv 233°, 26%, 98%	cmyk 26%, 22%, 0%, 2%	Pantone 2716C
#eaecfd	rgb(234, 236, 253)	hsl(234, 83%, 95%)	hwb(234 92% 1%)	hsv 234°, 8%, 99%	cmyk 8%, 7%, 0%, 1%	Pantone 656C
#f67281	rgb(246, 114, 129)	hsl(353, 88%, 71%)	hwb(353 45% 4%)	hsv 353°, 54%, 96%	cmyk 0%, 54%, 48%, 4%	Pantone 177C
#81f672	rgb(129, 246, 114)	hsl(113, 88%, 71%)	hwb(113 45% 4%)	hsv 113°, 54%, 96%	cmyk 48%, 0%, 54%, 4%	Pantone 360C

Click a color format to copy to your clipboard.

White background Black background

#7281f6

3.4

#bac2fa

1.7

#eaecfd

1.2

#bac2fa

2.7

#bac2fa

1.4

Color blindness filter

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

Android color codes


                <color name="Rose_1">#7281f6</color>


                <color name="Rose_2">#bac2fa</color>


                <color name="Rose_3">#eaecfd</color>


                <color name="Rose_4">#f67281</color>


                <color name="Rose_5">#81f672</color>

Flutter color codes


                const Rose1 = Color(0xFF7281f6);


                const Rose2 = Color(0xFFbac2fa);


                const Rose3 = Color(0xFFeaecfd);


                const Rose4 = Color(0xFFf67281);


                const Rose5 = Color(0xFF81f672);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator