Frosted Ice Color Palette

#e0faff

#b2f2ff

#8dd2e0

#e0faff

#b2f2ff

#8dd2e0

Colors overview

 White

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#e0faff	rgb(224, 250, 255)	hsl(190 100% 94%)	hwb(190 88% 0%)	lch(96.5 9.69 214)	lab(96.5 -8.02 -5.43)	cmyk 12%, 2%, 0%, 0%
	#b2f2ff	rgb(178, 242, 255)	hsl(190 100% 85%)	hwb(190 70% 0%)	lch(91.5 22.7 215)	lab(91.5 -18.6 -13.1)	cmyk 30%, 5%, 0%, 0%
	#8dd2e0	rgb(141, 210, 224)	hsl(190 57% 72%)	hwb(190 55% 12%)	lch(80 24.5 216)	lab(80 -19.9 -14.2)	cmyk 37%, 6%, 0%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#e0faff

AA - 1.08



#b2f2ff

AA - 1.23



#8dd2e0

AA - 1.68



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(96.8% -0.024 -0.014), oklab(92.3% -0.057 -0.035), oklab(82.3% -0.061 -0.038))

Fallback colors New



background: linear-gradient(45deg, #e0faff, #b2f2ff, #8dd2e0)

Colors



<resources>
    <color name="frosted_ice_100">#e0faff</color>
    <color name="frosted_ice_200">#b2f2ff</color>
    <color name="frosted_ice_300">#8dd2e0</color>
</resources>

PWA prompt