Winter

Palette information

normal

White

Blue

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#4d4d4d	rgb(77, 77, 77)	hsl(0, 0%, 30%)	hwb(0 30% 70%)	hsv 0°, 0%, 30%	cmyk 0%, 0%, 0%, 70%	Pantone 425C
#8b8b93	rgb(139, 139, 147)	hsl(240, 4%, 56%)	hwb(240 55% 42%)	hsv 240°, 5%, 58%	cmyk 5%, 5%, 0%, 42%	Pantone 423C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#dae5ff	rgb(218, 229, 255)	hsl(222, 100%, 93%)	hwb(222 85% 0%)	hsv 222°, 15%, 100%	cmyk 15%, 10%, 0%, 0%	Pantone 2706C
#9ea5ff	rgb(158, 165, 255)	hsl(236, 100%, 81%)	hwb(236 62% 0%)	hsv 236°, 38%, 100%	cmyk 38%, 35%, 0%, 0%	Pantone 2715C

Click a color format to copy to your clipboard.

Background

#4D4D4D

8.5

#8B8B93

3.4

#ffffff

1.0

#8B8B93

1.3

#8B8B93

2.3

Color blindness filter

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

Android color codes


                <color name="Winter_1">#4D4D4D</color>


                <color name="Winter_2">#8B8B93</color>


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


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


                <color name="Winter_5">#9EA5FF</color>

Flutter color codes


                const Winter1 = Color(0xFF4D4D4D);


                const Winter2 = Color(0xFF8B8B93);


                const Winter3 = Color(0xFFffffff);


                const Winter4 = Color(0xFFDAE5FF);


                const Winter5 = Color(0xFF9EA5FF);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator