UI 1

Palette colors overview

Fri Mar 15 2019

Blue

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#4f5bff	rgb(79, 91, 255)	hsl(236, 100%, 65%)	hwb(236 31% 0%)	hsv 236°, 69%, 100%	cmyk 69%, 64%, 0%, 0%	Pantone 2736C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#ebebeb	rgb(235, 235, 235)	hsl(0, 0%, 92%)	hwb(0 92% 8%)	hsv 0°, 0%, 92%	cmyk 0%, 0%, 0%, 8%	Pantone 663C
#b0b0b0	rgb(176, 176, 176)	hsl(0, 0%, 69%)	hwb(0 69% 31%)	hsv 0°, 0%, 69%	cmyk 0%, 0%, 0%, 31%	Pantone 421C
#3d3d3d	rgb(61, 61, 61)	hsl(0, 0%, 24%)	hwb(0 24% 76%)	hsv 0°, 0%, 24%	cmyk 0%, 0%, 0%, 76%	Pantone 447C

Click a color format to copy to your clipboard.

Background

#4f5bff

4.9

#ffffff

1.0

#ebebeb

1.2

#b0b0b0

2.2

#3d3d3d

10.9

Color blindness filter

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

Android color codes


                <color name="UI 1_1">#4f5bff</color>


                <color name="UI 1_2">#ffffff</color>


                <color name="UI 1_3">#ebebeb</color>


                <color name="UI 1_4">#b0b0b0</color>


                <color name="UI 1_5">#3d3d3d</color>

Flutter color codes


                const UI 11 = Color(0xFF4f5bff);


                const UI 12 = Color(0xFFffffff);


                const UI 13 = Color(0xFFebebeb);


                const UI 14 = Color(0xFFb0b0b0);


                const UI 15 = Color(0xFF3d3d3d);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator