#178582

#4AA3A1

#7DBFBF

#B0DBDD

#E3F7F6

Pool

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%
	#4aa3a1	rgb(74, 163, 161)	hsl(180 38% 46%)	hwb(180 29% 36%)	lch(61.6 29.1 195)	lab(61.6 -28.1 -7.51)	cmyk 55%, 0%, 1%, 36%
	#7dbfbf	rgb(125, 191, 191)	hsl(180 34% 62%)	hwb(180 49% 25%)	lch(72.9 22.9 198)	lab(72.9 -21.8 -7.04)	cmyk 35%, 0%, 0%, 25%
	#b0dbdd	rgb(176, 219, 221)	hsl(180 40% 78%)	hwb(180 69% 13%)	lch(84.4 15.4 202)	lab(84.4 -14.2 -5.87)	cmyk 20%, 1%, 0%, 13%
	#e3f7f6	rgb(227, 247, 246)	hsl(180 56% 93%)	hwb(180 89% 3.1%)	lch(95.7 7.17 195)	lab(95.7 -6.92 -1.88)	cmyk 8%, 0%, 0%, 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



#4AA3A1

AA - 2.98



#7DBFBF

AA - 2.08



#B0DBDD

AA - 1.49



#E3F7F6

AA - 1.11



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(66.1% -0.083 -0.02), oklab(76.1% -0.065 -0.018), oklab(86.2% -0.042 -0.015), oklab(96.1% -0.02 -0.005))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #178582, #4AA3A1, #7DBFBF, #B0DBDD, #E3F7F6)

Colors



<!-- Primary Colors -->
<color name="pool_color_10">#178582</color>
<color name="pool_color_20">#4AA3A1</color>
<color name="pool_color_30">#7DBFBF</color>
<color name="pool_color_40">#B0DBDD</color>
<color name="pool_color_50">#E3F7F6</color>

Gradient PRO

Pro feature only

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

PWA prompt