Royal

Palette information

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#7161ef	rgb(113, 97, 239)	hsl(247, 82%, 66%)	hwb(247 38% 6%)	hsv 247°, 59%, 94%	cmyk 53%, 59%, 0%, 6%	Pantone 2665C
#957fef	rgb(149, 127, 239)	hsl(252, 78%, 72%)	hwb(252 50% 6%)	hsv 252°, 47%, 94%	cmyk 38%, 47%, 0%, 6%	Pantone 814C
#b79ced	rgb(183, 156, 237)	hsl(260, 69%, 77%)	hwb(260 61% 7%)	hsv 260°, 34%, 93%	cmyk 23%, 34%, 0%, 7%	Pantone 2645C
#dec0f1	rgb(222, 192, 241)	hsl(277, 64%, 85%)	hwb(277 75% 5%)	hsv 277°, 20%, 95%	cmyk 8%, 20%, 0%, 5%	Pantone 530C
#efd9ce	rgb(239, 217, 206)	hsl(20, 51%, 87%)	hwb(20 81% 6%)	hsv 20°, 14%, 94%	cmyk 0%, 9%, 14%, 6%	Pantone 482C

Click a color format to copy to your clipboard.

White background Black background

#7161EF

4.5

#957FEF

3.2

#B79CED

2.3

#957FEF

1.6

#957FEF

1.4

Color blindness filter

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

Android color codes


                <color name="Royal_1">#7161EF</color>


                <color name="Royal_2">#957FEF</color>


                <color name="Royal_3">#B79CED</color>


                <color name="Royal_4">#DEC0F1</color>


                <color name="Royal_5">#EFD9CE</color>

Flutter color codes


                const Royal1 = Color(0xFF7161EF);


                const Royal2 = Color(0xFF957FEF);


                const Royal3 = Color(0xFFB79CED);


                const Royal4 = Color(0xFFDEC0F1);


                const Royal5 = Color(0xFFEFD9CE);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator