#178582

#40A29D

#78BFA8

#B2DBC3

#EDF8DE

Serene Lake

Actions

Explore the gradient in different formats, and actions.

Colors overview

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#178582	rgb(23, 133, 130)	hsl(180 71% 31%)	hwb(180 9% 48%)	lch(49.9 31.3 193)	lab(49.9 -30.4 -7.24)	cmyk 83%, 0%, 2%, 48%
	#40a29d	rgb(64, 162, 157)	hsl(180 43% 44%)	hwb(180 25% 36%)	lch(60.9 31.2 192)	lab(60.9 -30.6 -6.41)	cmyk 60%, 0%, 3%, 36%
	#78bfa8	rgb(120, 191, 168)	hsl(160 36% 61%)	hwb(160 47% 25%)	lch(72.2 27.6 171)	lab(72.2 -27.3 4.23)	cmyk 37%, 0%, 12%, 25%
	#b2dbc3	rgb(178, 219, 195)	hsl(140 36% 78%)	hwb(140 70% 14%)	lch(84 18.9 158)	lab(84 -17.5 7.19)	cmyk 19%, 0%, 11%, 14%
	#edf8de	rgb(237, 248, 222)	hsl(85 65% 92%)	hwb(85 87% 2.7%)	lch(96.2 13.3 122)	lab(96.2 -7.11 11.2)	cmyk 4%, 0%, 10%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#178582

AA - 4.45



#40A29D

AA - 3.05



#78BFA8

AA - 2.13



#B2DBC3

AA - 1.52



#EDF8DE

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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(56% -0.089 -0.019), oklab(65.4% -0.089 -0.017), oklab(75.1% -0.079 0.012), oklab(85.5% -0.051 0.019), oklab(96.4% -0.021 0.029))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #178582, #40A29D, #78BFA8, #B2DBC3, #EDF8DE)

Colors



<!-- Primary Colors -->
<color name="serene_lake_color_10">#178582</color>
<color name="serene_lake_color_20">#40A29D</color>
<color name="serene_lake_color_30">#78BFA8</color>
<color name="serene_lake_color_40">#B2DBC3</color>
<color name="serene_lake_color_50">#EDF8DE</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt