Ghost

Palette information

normal

Grey

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f3ede3	rgb(243, 237, 227)	hsl(38, 40%, 92%)	hwb(38 89% 5%)	hsv 38°, 7%, 95%	cmyk 0%, 2%, 7%, 5%	Pantone 663C
#ced7e0	rgb(206, 215, 224)	hsl(210, 23%, 84%)	hwb(210 81% 12%)	hsv 210°, 8%, 88%	cmyk 8%, 4%, 0%, 12%	Pantone 650C
#a6b3bf	rgb(166, 179, 191)	hsl(209, 16%, 70%)	hwb(209 65% 25%)	hsv 209°, 13%, 75%	cmyk 13%, 6%, 0%, 25%	Pantone 5435C
#708aa6	rgb(112, 138, 166)	hsl(211, 23%, 55%)	hwb(211 44% 35%)	hsv 211°, 33%, 65%	cmyk 33%, 17%, 0%, 35%	Pantone 5415C
#4b627a	rgb(75, 98, 122)	hsl(211, 24%, 39%)	hwb(211 29% 52%)	hsv 211°, 39%, 48%	cmyk 39%, 20%, 0%, 52%	Pantone 5405C

Click a color format to copy to your clipboard.

White background Black background

#f3ede3

1.2

#ced7e0

1.5

#a6b3bf

2.1

#ced7e0

3.6

#ced7e0

6.3

Color blindness filter

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

Android color codes


                <color name="Ghost_1">#f3ede3</color>


                <color name="Ghost_2">#ced7e0</color>


                <color name="Ghost_3">#a6b3bf</color>


                <color name="Ghost_4">#708aa6</color>


                <color name="Ghost_5">#4b627a</color>

Flutter color codes


                const Ghost1 = Color(0xFFf3ede3);


                const Ghost2 = Color(0xFFced7e0);


                const Ghost3 = Color(0xFFa6b3bf);


                const Ghost4 = Color(0xFF708aa6);


                const Ghost5 = Color(0xFF4b627a);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator