IG

Palette colors overview

Fri Jan 25 2019

Orange

Purple

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#e83341	rgb(232, 51, 65)	hsl(355, 80%, 55%)	hwb(355 20% 9%)	hsv 355°, 78%, 91%	cmyk 0%, 78%, 72%, 9%	Pantone 1787C
#c62362	rgb(198, 35, 98)	hsl(337, 70%, 46%)	hwb(337 14% 22%)	hsv 337°, 82%, 78%	cmyk 0%, 82%, 51%, 22%	Pantone 214C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#9d129e	rgb(157, 18, 158)	hsl(300, 80%, 35%)	hwb(300 7% 38%)	hsv 300°, 89%, 62%	cmyk 1%, 89%, 0%, 38%	Pantone 253C
#f4ab3f	rgb(244, 171, 63)	hsl(36, 89%, 60%)	hwb(36 25% 4%)	hsv 36°, 74%, 96%	cmyk 0%, 30%, 74%, 4%	Pantone 1365C

Click a color format to copy to your clipboard.

Background

#E83341

4.2

#C62362

5.5

#FFFFFF

1.0

#9D129E

7.0

#F4AB3F

1.9

Color blindness filter

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

Android color codes


                <color name="IG_1">#E83341</color>


                <color name="IG_2">#C62362</color>


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


                <color name="IG_4">#9D129E</color>


                <color name="IG_5">#F4AB3F</color>

Flutter color codes


                const IG1 = Color(0xFFE83341);


                const IG2 = Color(0xFFC62362);


                const IG3 = Color(0xFFFFFFFF);


                const IG4 = Color(0xFF9D129E);


                const IG5 = Color(0xFFF4AB3F);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator