Winter

Palette information

Grey

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#7b7477	rgb(123, 116, 119)	hsl(334, 3%, 47%)	hwb(334 45% 52%)	hsv 334°, 6%, 48%	cmyk 0%, 6%, 3%, 52%	Pantone 424C
#e1d4da	rgb(225, 212, 218)	hsl(332, 18%, 86%)	hwb(332 83% 12%)	hsv 332°, 6%, 88%	cmyk 0%, 6%, 3%, 12%	Pantone 5245C
#f5e8f4	rgb(245, 232, 244)	hsl(305, 39%, 94%)	hwb(305 91% 4%)	hsv 305°, 5%, 96%	cmyk 0%, 5%, 0%, 4%	Pantone 663C
#fefcff	rgb(254, 252, 255)	hsl(280, 100%, 99%)	hwb(280 99% 0%)	hsv 280°, 1%, 100%	cmyk 0%, 1%, 0%, 0%	Pantone 663C
#eeebf5	rgb(238, 235, 245)	hsl(258, 33%, 94%)	hwb(258 92% 4%)	hsv 258°, 4%, 96%	cmyk 3%, 4%, 0%, 4%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#7b7477

4.6

#e1d4da

1.4

#f5e8f4

1.2

#e1d4da

1.0

#e1d4da

1.2

Color blindness filter

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

Android color codes


                <color name="Winter_1">#7b7477</color>


                <color name="Winter_2">#e1d4da</color>


                <color name="Winter_3">#f5e8f4</color>


                <color name="Winter_4">#fefcff</color>


                <color name="Winter_5">#eeebf5</color>

Flutter color codes


                const Winter1 = Color(0xFF7b7477);


                const Winter2 = Color(0xFFe1d4da);


                const Winter3 = Color(0xFFf5e8f4);


                const Winter4 = Color(0xFFfefcff);


                const Winter5 = Color(0xFFeeebf5);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator