Zebra

Palette information

White

Black

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hwb(0 0% 100%)	hsv 0°, 0%, 0%	cmyk 0%, 0%, 0%, 100%	Pantone 419C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hwb(0 0% 100%)	hsv 0°, 0%, 0%	cmyk 0%, 0%, 0%, 100%	Pantone 419C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hwb(0 0% 100%)	hsv 0°, 0%, 0%	cmyk 0%, 0%, 0%, 100%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#000000

21.0

#FFFFFF

1.0

#000000

21.0

#FFFFFF

1.0

#FFFFFF

21.0

Color blindness filter

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

Android color codes


                <color name="Zebra_1">#000000</color>


                <color name="Zebra_2">#FFFFFF</color>


                <color name="Zebra_3">#000000</color>


                <color name="Zebra_4">#FFFFFF</color>


                <color name="Zebra_5">#000000</color>

Flutter color codes


                const Zebra1 = Color(0xFF000000);


                const Zebra2 = Color(0xFFFFFFFF);


                const Zebra3 = Color(0xFF000000);


                const Zebra4 = Color(0xFFFFFFFF);


                const Zebra5 = Color(0xFF000000);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator