CORPORATE

Palette information

Blue

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#252557	rgb(37, 37, 87)	hsl(240, 40%, 24%)	hwb(240 15% 66%)	hsv 240°, 57%, 34%	cmyk 57%, 57%, 0%, 66%	Pantone 2766C
#0579a6	rgb(5, 121, 166)	hsl(197, 94%, 34%)	hwb(197 2% 35%)	hsv 197°, 97%, 65%	cmyk 97%, 27%, 0%, 35%	Pantone 633C
#003e59	rgb(0, 62, 89)	hsl(198, 100%, 17%)	hwb(198 0% 65%)	hsv 198°, 100%, 35%	cmyk 100%, 30%, 0%, 65%	Pantone 302C
#017069	rgb(1, 112, 105)	hsl(176, 98%, 22%)	hwb(176 0% 56%)	hsv 176°, 99%, 44%	cmyk 99%, 0%, 6%, 56%	Pantone 328C
#eff4cc	rgb(239, 244, 204)	hsl(68, 65%, 88%)	hwb(68 80% 4%)	hsv 68°, 16%, 96%	cmyk 2%, 0%, 16%, 4%	Pantone 5807C

Click a color format to copy to your clipboard.

White background Black background

#252557

14.2

#0579A6

4.9

#003E59

11.5

#0579A6

6.0

#0579A6

1.1

Color blindness filter

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

Android color codes


                <color name="CORPORATE_1">#252557</color>


                <color name="CORPORATE_2">#0579A6</color>


                <color name="CORPORATE_3">#003E59</color>


                <color name="CORPORATE_4">#017069</color>


                <color name="CORPORATE_5">#EFF4CC</color>

Flutter color codes


                const CORPORATE1 = Color(0xFF252557);


                const CORPORATE2 = Color(0xFF0579A6);


                const CORPORATE3 = Color(0xFF003E59);


                const CORPORATE4 = Color(0xFF017069);


                const CORPORATE5 = Color(0xFFEFF4CC);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator