Iced

#5fe7f3

#83ebf5

#a0f0f7

#baf4f9

#d2f8fb

#e9fbfd

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5fe7f3	rgb(95, 231, 243)	hsl(180 86% 66%)	hwb(180 37% 4.7%)	lch(84.6 39.9 206)	lab(84.6 -35.8 -17.6)	cmyk 61%, 5%, 0%, 5%
	#83ebf5	rgb(131, 235, 245)	hsl(190 85% 74%)	hwb(190 51% 3.9%)	lch(87.1 33.2 207)	lab(87.1 -29.7 -14.8)	cmyk 47%, 4%, 0%, 4%
	#a0f0f7	rgb(160, 240, 247)	hsl(180 84% 80%)	hwb(180 63% 3.1%)	lch(89.8 26.8 206)	lab(89.8 -24.1 -11.6)	cmyk 35%, 3%, 0%, 3%
	#baf4f9	rgb(186, 244, 249)	hsl(180 84% 85%)	hwb(180 73% 2.4%)	lch(92.4 20.1 206)	lab(92.4 -18.1 -8.71)	cmyk 25%, 2%, 0%, 2%
	#d2f8fb	rgb(210, 248, 251)	hsl(180 84% 90%)	hwb(180 82% 1.6%)	lch(94.9 13.5 205)	lab(94.9 -12.2 -5.76)	cmyk 16%, 1%, 0%, 2%
	#e9fbfd	rgb(233, 251, 253)	hsl(190 83% 95%)	hwb(190 91% 0.78%)	lch(97.3 6.58 208)	lab(97.3 -5.81 -3.09)	cmyk 8%, 1%, 0%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5fe7f3

AA - 1.47



#83ebf5

AA - 1.38



#a0f0f7

AA - 1.28



#baf4f9

AA - 1.2



#d2f8fb

AA - 1.13



#e9fbfd

AA - 1.06



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(85.8% -0.108 -0.047), oklab(88.1% -0.09 -0.039), oklab(90.6% -0.072 -0.031), oklab(92.9% -0.054 -0.023), oklab(95.3% -0.036 -0.015), oklab(97.5% -0.017 -0.008))

Fallback colors



background: linear-gradient(45deg, #5fe7f3, #83ebf5, #a0f0f7, #baf4f9, #d2f8fb, #e9fbfd)

Colors



<!-- Primary Colors -->
<color name="iced_color_10">#5fe7f3</color>
<color name="iced_color_20">#83ebf5</color>
<color name="iced_color_30">#a0f0f7</color>
<color name="iced_color_40">#baf4f9</color>
<color name="iced_color_50">#d2f8fb</color>
<color name="iced_color_60">#e9fbfd</color>

PWA prompt