UI 3

Palette information

Purple

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#dd9eff	rgb(221, 158, 255)	hsl(279, 100%, 81%)	hwb(279 62% 0%)	hsv 279°, 38%, 100%	cmyk 13%, 38%, 0%, 0%	Pantone 2572C
#858585	rgb(133, 133, 133)	hsl(0, 0%, 52%)	hwb(0 52% 48%)	hsv 0°, 0%, 52%	cmyk 0%, 0%, 0%, 48%	Pantone 423C
#595959	rgb(89, 89, 89)	hsl(0, 0%, 35%)	hwb(0 35% 65%)	hsv 0°, 0%, 35%	cmyk 0%, 0%, 0%, 65%	Pantone 425C
#66f7ff	rgb(102, 247, 255)	hsl(183, 100%, 70%)	hwb(183 40% 0%)	hsv 183°, 60%, 100%	cmyk 60%, 3%, 0%, 0%	Pantone 3242C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#dd9eff

2.0

#858585

3.7

#595959

7.0

#858585

1.3

#858585

1.0

Color blindness filter

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

Android color codes


                <color name="UI 3_1">#dd9eff</color>


                <color name="UI 3_2">#858585</color>


                <color name="UI 3_3">#595959</color>


                <color name="UI 3_4">#66f7ff</color>


                <color name="UI 3_5">#ffffff</color>

Flutter color codes


                const UI 31 = Color(0xFFdd9eff);


                const UI 32 = Color(0xFF858585);


                const UI 33 = Color(0xFF595959);


                const UI 34 = Color(0xFF66f7ff);


                const UI 35 = Color(0xFFffffff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator