Pixel

Palette information

Blue

Red

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#478cf0	rgb(71, 140, 240)	hsl(216, 85%, 61%)	hwb(216 28% 6%)	hsv 216°, 70%, 94%	cmyk 70%, 42%, 0%, 6%	Pantone 2727C
#34a550	rgb(52, 165, 80)	hsl(135, 52%, 43%)	hwb(135 20% 35%)	hsv 135°, 68%, 65%	cmyk 68%, 0%, 52%, 35%	Pantone 347C
#fca617	rgb(252, 166, 23)	hsl(37, 97%, 54%)	hwb(37 9% 1%)	hsv 37°, 91%, 99%	cmyk 0%, 34%, 91%, 1%	Pantone 137C
#f1f8f3	rgb(241, 248, 243)	hsl(137, 33%, 96%)	hwb(137 95% 3%)	hsv 137°, 3%, 97%	cmyk 3%, 0%, 2%, 3%	Pantone 656C
#f23c38	rgb(242, 60, 56)	hsl(1, 88%, 58%)	hwb(1 22% 5%)	hsv 1°, 77%, 95%	cmyk 0%, 75%, 77%, 5%	Pantone 1788C

Click a color format to copy to your clipboard.

White background Black background

#478CF0

3.3

#34A550

3.2

#FCA617

2.0

#34A550

1.1

#34A550

3.8

Color blindness filter

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

Android color codes


                <color name="Pixel_1">#478CF0</color>


                <color name="Pixel_2">#34A550</color>


                <color name="Pixel_3">#FCA617</color>


                <color name="Pixel_4">#F1F8F3</color>


                <color name="Pixel_5">#F23C38</color>

Flutter color codes


                const Pixel1 = Color(0xFF478CF0);


                const Pixel2 = Color(0xFF34A550);


                const Pixel3 = Color(0xFFFCA617);


                const Pixel4 = Color(0xFFF1F8F3);


                const Pixel5 = Color(0xFFF23C38);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator