#83c5be

#90d7c5

#a2e0cc

#b5e9d3

#c8f2dc

Island

Actions

Explore the gradient in different formats, and actions.

Colors overview

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#83c5be	rgb(131, 197, 190)	hsl(170 36% 64%)	hwb(170 51% 23%)	lch(74.9 23.3 189)	lab(74.9 -23 -3.52)	cmyk 34%, 0%, 4%, 23%
	#90d7c5	rgb(144, 215, 197)	hsl(160 47% 70%)	hwb(160 56% 16%)	lch(80.9 26.2 177)	lab(80.9 -26.1 1.46)	cmyk 33%, 0%, 8%, 16%
	#a2e0cc	rgb(162, 224, 204)	hsl(160 50% 76%)	hwb(160 64% 12%)	lch(84.6 23.8 172)	lab(84.6 -23.6 3.16)	cmyk 28%, 0%, 9%, 12%
	#b5e9d3	rgb(181, 233, 211)	hsl(150 54% 81%)	hwb(150 71% 8.6%)	lch(88.3 21.2 166)	lab(88.3 -20.6 5.01)	cmyk 22%, 0%, 9%, 9%
	#c8f2dc	rgb(200, 242, 220)	hsl(150 62% 87%)	hwb(150 78% 5.1%)	lch(92.1 18.2 161)	lab(92.1 -17.2 5.93)	cmyk 17%, 0%, 9%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#83c5be

AA - 1.96



#90d7c5

AA - 1.65



#a2e0cc

AA - 1.49



#b5e9d3

AA - 1.34



#c8f2dc

AA - 1.22



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(77.7% -0.067 -0.009), oklab(82.7% -0.076 0.004), oklab(85.9% -0.068 0.009), oklab(89.2% -0.06 0.014), oklab(92.5% -0.05 0.016))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #83c5be, #90d7c5, #a2e0cc, #b5e9d3, #c8f2dc)

Colors



<!-- Primary Colors -->
<color name="island_color_10">#83c5be</color>
<color name="island_color_20">#90d7c5</color>
<color name="island_color_30">#a2e0cc</color>
<color name="island_color_40">#b5e9d3</color>
<color name="island_color_50">#c8f2dc</color>

Gradient PRO

Pro feature only

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

PWA prompt