Ninja

Palette information

Blue

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#354696	rgb(53, 70, 150)	hsl(229, 48%, 40%)	hwb(229 21% 41%)	hsv 229°, 65%, 59%	cmyk 65%, 53%, 0%, 41%	Pantone 2945C
#f5f4b8	rgb(245, 244, 184)	hsl(59, 75%, 84%)	hwb(59 72% 4%)	hsv 59°, 25%, 96%	cmyk 0%, 0%, 25%, 4%	Pantone 607C
#67bce6	rgb(103, 188, 230)	hsl(200, 72%, 65%)	hwb(200 40% 10%)	hsv 200°, 55%, 90%	cmyk 55%, 18%, 0%, 10%	Pantone 2915C
#e5788c	rgb(229, 120, 140)	hsl(349, 68%, 68%)	hwb(349 47% 10%)	hsv 349°, 48%, 90%	cmyk 0%, 48%, 39%, 10%	Pantone 701C
#fdfeff	rgb(253, 254, 255)	hsl(210, 100%, 100%)	hwb(210 99% 0%)	hsv 210°, 1%, 100%	cmyk 1%, 0%, 0%, 0%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#354696

8.5

#F5F4B8

1.1

#67BCE6

2.1

#F5F4B8

2.8

#F5F4B8

1.0

Color blindness filter

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

Android color codes


                <color name="Ninja_1">#354696</color>


                <color name="Ninja_2">#F5F4B8</color>


                <color name="Ninja_3">#67BCE6</color>


                <color name="Ninja_4">#E5788C</color>


                <color name="Ninja_5">#FDFEFF</color>

Flutter color codes


                const Ninja1 = Color(0xFF354696);


                const Ninja2 = Color(0xFFF5F4B8);


                const Ninja3 = Color(0xFF67BCE6);


                const Ninja4 = Color(0xFFE5788C);


                const Ninja5 = Color(0xFFFDFEFF);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator