ICE

Palette information

Grey

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#2b4873	rgb(43, 72, 115)	hsl(216, 46%, 31%)	hwb(216 17% 55%)	hsv 216°, 63%, 45%	cmyk 63%, 37%, 0%, 55%	Pantone 534C
#789ac1	rgb(120, 154, 193)	hsl(212, 37%, 61%)	hwb(212 47% 24%)	hsv 212°, 38%, 76%	cmyk 38%, 20%, 0%, 24%	Pantone 652C
#96b7db	rgb(150, 183, 219)	hsl(211, 49%, 72%)	hwb(211 59% 14%)	hsv 211°, 32%, 86%	cmyk 32%, 16%, 0%, 14%	Pantone 644C
#bcdef0	rgb(188, 222, 240)	hsl(201, 63%, 84%)	hwb(201 74% 6%)	hsv 201°, 22%, 94%	cmyk 22%, 7%, 0%, 6%	Pantone 290C
#f3f4f5	rgb(243, 244, 245)	hsl(210, 9%, 96%)	hwb(210 95% 4%)	hsv 210°, 1%, 96%	cmyk 1%, 0%, 0%, 4%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#2B4873

9.2

#789AC1

2.9

#96B7DB

2.1

#789AC1

1.4

#789AC1

1.1

Color blindness filter

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

Android color codes


                <color name="ICE_1">#2B4873</color>


                <color name="ICE_2">#789AC1</color>


                <color name="ICE_3">#96B7DB</color>


                <color name="ICE_4">#BCDEF0</color>


                <color name="ICE_5">#F3F4F5</color>

Flutter color codes


                const ICE1 = Color(0xFF2B4873);


                const ICE2 = Color(0xFF789AC1);


                const ICE3 = Color(0xFF96B7DB);


                const ICE4 = Color(0xFFBCDEF0);


                const ICE5 = Color(0xFFF3F4F5);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator