Tech

Palette information

Purple

White

Orange

Black

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#5540fb	rgb(85, 64, 251)	hsl(247, 96%, 62%)	hwb(247 25% 2%)	hsv 247°, 75%, 98%	cmyk 66%, 75%, 0%, 2%	Pantone 2736C
#cbc4ff	rgb(203, 196, 255)	hsl(247, 100%, 88%)	hwb(247 77% 0%)	hsv 247°, 23%, 100%	cmyk 20%, 23%, 0%, 0%	Pantone 2635C
#f4f4f7	rgb(244, 244, 247)	hsl(240, 16%, 96%)	hwb(240 96% 3%)	hsv 240°, 1%, 97%	cmyk 1%, 1%, 0%, 3%	Pantone 663C
#fb6b30	rgb(251, 107, 48)	hsl(17, 96%, 59%)	hwb(17 19% 2%)	hsv 17°, 81%, 98%	cmyk 0%, 57%, 81%, 2%	Pantone 1645C
#15192b	rgb(21, 25, 43)	hsl(229, 34%, 13%)	hwb(229 8% 83%)	hsv 229°, 51%, 17%	cmyk 51%, 42%, 0%, 83%	Pantone 532C

Click a color format to copy to your clipboard.

White background Black background

#5540fb

6.0

#cbc4ff

1.6

#f4f4f7

1.1

#cbc4ff

2.9

#cbc4ff

17.4

Color blindness filter

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

Android color codes


                <color name="Tech_1">#5540fb</color>


                <color name="Tech_2">#cbc4ff</color>


                <color name="Tech_3">#f4f4f7</color>


                <color name="Tech_4">#fb6b30</color>


                <color name="Tech_5">#15192b</color>

Flutter color codes


                const Tech1 = Color(0xFF5540fb);


                const Tech2 = Color(0xFFcbc4ff);


                const Tech3 = Color(0xFFf4f4f7);


                const Tech4 = Color(0xFFfb6b30);


                const Tech5 = Color(0xFF15192b);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator