Minimal Blue

Palette information

Blue

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#5367fc	rgb(83, 103, 252)	hsl(233, 97%, 66%)	hwb(233 33% 1%)	hsv 233°, 67%, 99%	cmyk 67%, 59%, 0%, 1%	Pantone 2728C
#8291ff	rgb(130, 145, 255)	hsl(233, 100%, 75%)	hwb(233 51% 0%)	hsv 233°, 49%, 100%	cmyk 49%, 43%, 0%, 0%	Pantone 2715C
#a6bbff	rgb(166, 187, 255)	hsl(226, 100%, 83%)	hwb(226 65% 0%)	hsv 226°, 35%, 100%	cmyk 35%, 27%, 0%, 0%	Pantone 2716C
#fcfcfc	rgb(252, 252, 252)	hsl(0, 0%, 99%)	hwb(0 99% 1%)	hsv 0°, 0%, 99%	cmyk 0%, 0%, 0%, 1%	Pantone 663C
#828282	rgb(130, 130, 130)	hsl(0, 0%, 51%)	hwb(0 51% 49%)	hsv 0°, 0%, 51%	cmyk 0%, 0%, 0%, 49%	Pantone 423C

Click a color format to copy to your clipboard.

White background Black background

#5367fc

4.5

#8291ff

2.8

#a6bbff

1.9

#8291ff

1.0

#8291ff

3.8

Color blindness filter

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

Android color codes


                <color name="Minimal Blue_1">#5367fc</color>


                <color name="Minimal Blue_2">#8291ff</color>


                <color name="Minimal Blue_3">#a6bbff</color>


                <color name="Minimal Blue_4">#fcfcfc</color>


                <color name="Minimal Blue_5">#828282</color>

Flutter color codes


                const Minimal Blue1 = Color(0xFF5367fc);


                const Minimal Blue2 = Color(0xFF8291ff);


                const Minimal Blue3 = Color(0xFFa6bbff);


                const Minimal Blue4 = Color(0xFFfcfcfc);


                const Minimal Blue5 = Color(0xFF828282);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator