Soul

Palette information

monochromatic

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#293045	rgb(41, 48, 69)	hsl(225, 25%, 22%)	hwb(225 16% 73%)	hsv 225°, 41%, 27%	cmyk 41%, 30%, 0%, 73%	Pantone 533C
#424d6f	rgb(66, 77, 111)	hsl(225, 25%, 35%)	hwb(225 26% 56%)	hsv 225°, 41%, 44%	cmyk 41%, 31%, 0%, 56%	Pantone 5275C
#5c6b9a	rgb(92, 107, 154)	hsl(225, 25%, 48%)	hwb(225 36% 40%)	hsv 225°, 40%, 60%	cmyk 40%, 31%, 0%, 40%	Pantone 653C
#7588c4	rgb(117, 136, 196)	hsl(226, 40%, 61%)	hwb(226 46% 23%)	hsv 226°, 40%, 77%	cmyk 40%, 31%, 0%, 23%	Pantone 271C
#8ea6ef	rgb(142, 166, 239)	hsl(225, 75%, 75%)	hwb(225 56% 6%)	hsv 225°, 41%, 94%	cmyk 41%, 31%, 0%, 6%	Pantone 2705C

Click a color format to copy to your clipboard.

White background Black background

#293045

13.1

#424d6f

8.3

#5c6b9a

5.2

#424d6f

3.5

#424d6f

2.4

Color blindness filter

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

Android color codes


                <color name="Soul_1">#293045</color>


                <color name="Soul_2">#424d6f</color>


                <color name="Soul_3">#5c6b9a</color>


                <color name="Soul_4">#7588c4</color>


                <color name="Soul_5">#8ea6ef</color>

Flutter color codes


                const Soul1 = Color(0xFF293045);


                const Soul2 = Color(0xFF424d6f);


                const Soul3 = Color(0xFF5c6b9a);


                const Soul4 = Color(0xFF7588c4);


                const Soul5 = Color(0xFF8ea6ef);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator