Blueberry

Palette information

monochromatic

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#161d54	rgb(22, 29, 84)	hsl(233, 58%, 21%)	hwb(233 9% 67%)	hsv 233°, 74%, 33%	cmyk 74%, 65%, 0%, 67%	Pantone 2766C
#222c7f	rgb(34, 44, 127)	hsl(234, 58%, 32%)	hwb(234 13% 50%)	hsv 234°, 73%, 50%	cmyk 73%, 65%, 0%, 50%	Pantone 287C
#2d3ba9	rgb(45, 59, 169)	hsl(233, 58%, 42%)	hwb(233 18% 34%)	hsv 233°, 73%, 66%	cmyk 73%, 65%, 0%, 34%	Pantone 286C
#394ad4	rgb(57, 74, 212)	hsl(233, 64%, 53%)	hwb(233 22% 17%)	hsv 233°, 73%, 83%	cmyk 73%, 65%, 0%, 17%	Pantone 2728C
#4458fe	rgb(68, 88, 254)	hsl(234, 99%, 63%)	hwb(234 27% 0%)	hsv 234°, 73%, 100%	cmyk 73%, 65%, 0%, 0%	Pantone 2736C

Click a color format to copy to your clipboard.

Background

#161d54

15.7

#222c7f

12.1

#2d3ba9

9.1

#222c7f

6.8

#222c7f

5.2

Color blindness filter

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

Android color codes


                <color name="Blueberry_1">#161d54</color>


                <color name="Blueberry_2">#222c7f</color>


                <color name="Blueberry_3">#2d3ba9</color>


                <color name="Blueberry_4">#394ad4</color>


                <color name="Blueberry_5">#4458fe</color>

Flutter color codes


                const Blueberry1 = Color(0xFF161d54);


                const Blueberry2 = Color(0xFF222c7f);


                const Blueberry3 = Color(0xFF2d3ba9);


                const Blueberry4 = Color(0xFF394ad4);


                const Blueberry5 = Color(0xFF4458fe);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator