Teal Life

#00C8B4

#44F7D3

#88FFEB

#E6F3F0

#FFBB9D

Actions

Explore the palette in different formats, and actions.

Colors overview

Pink

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#00c8b4	rgb(0, 200, 180)	hsl(170 100% 39%)	hwb(170 0% 22%)	lch(72.3 46.7 183)	lab(72.3 -46.7 -2.4)	cmyk 100%, 0%, 10%, 22%
	#44f7d3	rgb(68, 247, 211)	hsl(170 92% 62%)	hwb(170 27% 3.1%)	lch(87.9 52.8 176)	lab(87.9 -52.6 3.81)	cmyk 72%, 0%, 15%, 3%
	#88ffeb	rgb(136, 255, 235)	hsl(170 100% 77%)	hwb(170 53% 0%)	lch(92.7 38.9 182)	lab(92.7 -38.8 -1.42)	cmyk 47%, 0%, 8%, 0%
	#e6f3f0	rgb(230, 243, 240)	hsl(170 35% 93%)	hwb(170 90% 4.7%)	lch(94.8 4.85 181)	lab(94.8 -4.85 -0.113)	cmyk 5%, 0%, 1%, 5%
	#ffbb9d	rgb(255, 187, 157)	hsl(18 100% 81%)	hwb(18 62% 0%)	lch(81.8 34 48.4)	lab(81.8 22.6 25.4)	cmyk 0%, 27%, 38%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#00C8B4

AA - 2.11



#44F7D3

AA - 1.35



#88FFEB

AA - 1.19



#E6F3F0

AA - 1.13



#FFBB9D

AA - 1.63



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(74.7% -0.133 -0.006), oklab(87.9% -0.15 0.011), oklab(92.5% -0.112 -0.003), oklab(95.4% -0.014 0), oklab(84.8% 0.063 0.063))

Fallback colors



background: linear-gradient(45deg, #00C8B4, #44F7D3, #88FFEB, #E6F3F0, #FFBB9D)

Colors



<!-- Primary Colors -->
<color name="teal_life_color_10">#00C8B4</color>
<color name="teal_life_color_20">#44F7D3</color>
<color name="teal_life_color_30">#88FFEB</color>
<color name="teal_life_color_40">#E6F3F0</color>
<color name="teal_life_color_50">#FFBB9D</color>

PWA prompt