ROSEL

Palette information

Purple

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#d68596	rgb(214, 133, 150)	hsl(347, 50%, 68%)	hwb(347 52% 16%)	hsv 347°, 38%, 84%	cmyk 0%, 38%, 30%, 16%	Pantone 701C
#a8384b	rgb(168, 56, 75)	hsl(350, 50%, 44%)	hwb(350 22% 34%)	hsv 350°, 67%, 66%	cmyk 0%, 67%, 55%, 34%	Pantone 194C
#14203d	rgb(20, 32, 61)	hsl(222, 51%, 16%)	hwb(222 8% 76%)	hsv 222°, 67%, 24%	cmyk 67%, 48%, 0%, 76%	Pantone 289C
#eecdeb	rgb(238, 205, 235)	hsl(305, 49%, 87%)	hwb(305 80% 7%)	hsv 305°, 14%, 93%	cmyk 0%, 14%, 1%, 7%	Pantone 517C
#361222	rgb(54, 18, 34)	hsl(333, 50%, 14%)	hwb(333 7% 79%)	hsv 333°, 67%, 21%	cmyk 0%, 67%, 37%, 79%	Pantone 4975C

Click a color format to copy to your clipboard.

White background Black background

#d68596

2.7

#a8384b

6.3

#14203d

16.1

#a8384b

1.4

#a8384b

16.6

Color blindness filter

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

Android color codes


                <color name="ROSEL_1">#d68596</color>


                <color name="ROSEL_2">#a8384b</color>


                <color name="ROSEL_3">#14203d</color>


                <color name="ROSEL_4">#eecdeb</color>


                <color name="ROSEL_5">#361222</color>

Flutter color codes


                const ROSEL1 = Color(0xFFd68596);


                const ROSEL2 = Color(0xFFa8384b);


                const ROSEL3 = Color(0xFF14203d);


                const ROSEL4 = Color(0xFFeecdeb);


                const ROSEL5 = Color(0xFF361222);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator