Indigo/Orange

Palette information

Blue

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#303f9f	rgb(48, 63, 159)	hsl(232, 54%, 41%)	hwb(232 19% 38%)	hsv 232°, 70%, 62%	cmyk 70%, 60%, 0%, 38%	Pantone 661C
#3f51b5	rgb(63, 81, 181)	hsl(231, 48%, 48%)	hwb(231 25% 29%)	hsv 231°, 65%, 71%	cmyk 65%, 55%, 0%, 29%	Pantone 2726C
#c5cae9	rgb(197, 202, 233)	hsl(232, 45%, 84%)	hwb(232 77% 9%)	hsv 232°, 15%, 91%	cmyk 15%, 13%, 0%, 9%	Pantone 2708C
#ff5722	rgb(255, 87, 34)	hsl(14, 100%, 57%)	hwb(14 13% 0%)	hsv 14°, 87%, 100%	cmyk 0%, 66%, 87%, 0%	Pantone 172C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#303f9f

9.0

#3f51b5

6.9

#c5cae9

1.6

#3f51b5

3.2

#3f51b5

16.1

Color blindness filter

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

Android color codes


                <color name="Indigo/Orange_1">#303f9f</color>


                <color name="Indigo/Orange_2">#3f51b5</color>


                <color name="Indigo/Orange_3">#c5cae9</color>


                <color name="Indigo/Orange_4">#ff5722</color>


                <color name="Indigo/Orange_5">#212121</color>

Flutter color codes


                const Indigo/Orange1 = Color(0xFF303f9f);


                const Indigo/Orange2 = Color(0xFF3f51b5);


                const Indigo/Orange3 = Color(0xFFc5cae9);


                const Indigo/Orange4 = Color(0xFFff5722);


                const Indigo/Orange5 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator