Aquamarine

#34787a

#4ccfcb

#59ddd8

#8af2ef

#c4fffd

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#34787a	rgb(52, 120, 122)	hsl(180 40% 34%)	hwb(180 20% 52%)	lch(46.2 23.2 200)	lab(46.2 -21.8 -7.98)	cmyk 57%, 2%, 0%, 52%
	#4ccfcb	rgb(76, 207, 203)	hsl(180 58% 55%)	hwb(180 30% 19%)	lch(76 38.7 194)	lab(76 -37.6 -9.19)	cmyk 63%, 0%, 2%, 19%
	#59ddd8	rgb(89, 221, 216)	hsl(180 66% 61%)	hwb(180 35% 13%)	lch(80.9 39.4 193)	lab(80.9 -38.4 -8.96)	cmyk 60%, 0%, 2%, 13%
	#8af2ef	rgb(138, 242, 239)	hsl(180 80% 75%)	hwb(180 54% 5.1%)	lch(89.2 33.3 195)	lab(89.2 -32.2 -8.54)	cmyk 43%, 0%, 1%, 5%
	#c4fffd	rgb(196, 255, 253)	hsl(180 100% 88%)	hwb(180 77% 0%)	lch(96 20.2 196)	lab(96 -19.5 -5.42)	cmyk 23%, 0%, 1%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#34787a

AA - 5.1



#4ccfcb

AA - 1.89



#59ddd8

AA - 1.64



#8af2ef

AA - 1.31



#c4fffd

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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(53% -0.065 -0.021), oklab(78.3% -0.11 -0.024), oklab(82.4% -0.113 -0.023), oklab(89.8% -0.095 -0.022), oklab(96% -0.058 -0.014))

Fallback colors



background: linear-gradient(45deg, #34787a, #4ccfcb, #59ddd8, #8af2ef, #c4fffd)

Colors



<!-- Primary Colors -->
<color name="aquamarine_color_10">#34787a</color>
<color name="aquamarine_color_20">#4ccfcb</color>
<color name="aquamarine_color_30">#59ddd8</color>
<color name="aquamarine_color_40">#8af2ef</color>
<color name="aquamarine_color_50">#c4fffd</color>

PWA prompt