Freeze

#FFFFFF

#C0D9D9

#99CCFF

#6699CC

#336699

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

White

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#c0d9d9	rgb(192, 217, 217)	hsl(180 25% 80%)	hwb(180 75% 15%)	lch(84.8 9.12 199)	lab(84.8 -8.62 -2.97)	cmyk 12%, 0%, 0%, 15%
	#99ccff	rgb(153, 204, 255)	hsl(210 100% 80%)	hwb(210 60% 0%)	lch(79.9 31.7 256)	lab(79.9 -7.65 -30.8)	cmyk 40%, 20%, 0%, 0%
	#6699cc	rgb(102, 153, 204)	hsl(210 50% 60%)	hwb(210 40% 20%)	lch(61.2 32.7 258)	lab(61.2 -6.77 -32)	cmyk 50%, 25%, 0%, 20%
	#336699	rgb(51, 102, 153)	hsl(210 50% 40%)	hwb(210 20% 40%)	lch(41.5 33.8 262)	lab(41.5 -4.57 -33.5)	cmyk 67%, 33%, 0%, 40%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFFFFF

AA - 1



#C0D9D9

AA - 1.48



#99CCFF

AA - 1.68



#6699CC

AA - 3



#336699

AA - 5.99



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(100% 0 0), oklab(86.7% -0.026 -0.008), oklab(82.8% -0.032 -0.084), oklab(66.8% -0.033 -0.088), oklab(49.9% -0.033 -0.093))

Fallback colors



background: linear-gradient(45deg, #FFFFFF, #C0D9D9, #99CCFF, #6699CC, #336699)

Colors



<!-- Primary Colors -->
<color name="freeze_color_10">#FFFFFF</color>
<color name="freeze_color_20">#C0D9D9</color>
<color name="freeze_color_30">#99CCFF</color>
<color name="freeze_color_40">#6699CC</color>
<color name="freeze_color_50">#336699</color>

PWA prompt