ICE

#2B4873

#789AC1

#96B7DB

#BCDEF0

#F3F4F5

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2b4873	rgb(43, 72, 115)	hsl(220 46% 31%)	hwb(220 17% 55%)	lch(30 28.5 270)	lab(30 0.022 -28.5)	cmyk 63%, 37%, 0%, 55%
	#789ac1	rgb(120, 154, 193)	hsl(210 37% 61%)	hwb(210 47% 24%)	lch(62.1 24.7 259)	lab(62.1 -4.71 -24.3)	cmyk 38%, 20%, 0%, 24%
	#96b7db	rgb(150, 183, 219)	hsl(210 49% 72%)	hwb(210 59% 14%)	lch(72.9 22.7 257)	lab(72.9 -5.21 -22.1)	cmyk 32%, 16%, 0%, 14%
	#bcdef0	rgb(188, 222, 240)	hsl(200 63% 84%)	hwb(200 74% 5.9%)	lch(86.4 15.4 236)	lab(86.4 -8.7 -12.8)	cmyk 22%, 7%, 0%, 6%
	#f3f4f5	rgb(243, 244, 245)	hsl(210 9.1% 96%)	hwb(210 95% 3.9%)	lch(96.1 0.642 251)	lab(96.1 -0.212 -0.606)	cmyk 1%, 0%, 0%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#2B4873

AAA - 9.22



#789AC1

AA - 2.92



#96B7DB

AA - 2.08



#BCDEF0

AA - 1.41



#F3F4F5

AA - 1.1



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(40.1% -0.017 -0.079), oklab(67.5% -0.021 -0.066), oklab(76.8% -0.021 -0.06), oklab(88.2% -0.027 -0.034), oklab(96.7% -0.001 -0.002))

Fallback colors



background: linear-gradient(45deg, #2B4873, #789AC1, #96B7DB, #BCDEF0, #F3F4F5)

Colors



<!-- Primary Colors -->
<color name="ice_color_10">#2B4873</color>
<color name="ice_color_20">#789AC1</color>
<color name="ice_color_30">#96B7DB</color>
<color name="ice_color_40">#BCDEF0</color>
<color name="ice_color_50">#F3F4F5</color>

PWA prompt