Startup

Palette information

Thu Feb 17 2022

Blue

Orange

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#0c66a6	rgb(12, 102, 166)	hsl(205, 87%, 35%)	hwb(205 5% 35%)	hsv 205°, 93%, 65%	cmyk 93%, 39%, 0%, 35%	Pantone 307C
#4ca0d4	rgb(76, 160, 212)	hsl(203, 61%, 56%)	hwb(203 30% 17%)	hsv 203°, 64%, 83%	cmyk 64%, 25%, 0%, 17%	Pantone 801C
#cfeffa	rgb(207, 239, 250)	hsl(195, 81%, 90%)	hwb(195 81% 2%)	hsv 195°, 17%, 98%	cmyk 17%, 4%, 0%, 2%	Pantone 545C
#fa8557	rgb(250, 133, 87)	hsl(17, 94%, 66%)	hwb(17 34% 2%)	hsv 17°, 65%, 98%	cmyk 0%, 47%, 65%, 2%	Pantone 811C
#071657	rgb(7, 22, 87)	hsl(229, 85%, 18%)	hwb(229 3% 66%)	hsv 229°, 92%, 34%	cmyk 92%, 75%, 0%, 66%	Pantone 2757C

Click a color format to copy to your clipboard.

Background

#0c66a6

6.1

#4ca0d4

2.9

#cfeffa

1.2

#fa8557

2.5

#071657

16.6

Color blindness filter

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

Android color codes


                <color name="Startup_1">#0c66a6</color>


                <color name="Startup_2">#4ca0d4</color>


                <color name="Startup_3">#cfeffa</color>


                <color name="Startup_4">#fa8557</color>


                <color name="Startup_5">#071657</color>

Flutter color codes


                const Startup1 = Color(0xFF0c66a6);


                const Startup2 = Color(0xFF4ca0d4);


                const Startup3 = Color(0xFFcfeffa);


                const Startup4 = Color(0xFFfa8557);


                const Startup5 = Color(0xFF071657);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator