Cyan

#76e89e

#c7fcda

#4f96e8

#7ee3f7

#4f4f4f

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#76e89e	rgb(118, 232, 158)	hsl(140 71% 69%)	hwb(140 46% 9%)	lch(83.9 52.9 151)	lab(83.9 -46.2 25.7)	cmyk 49%, 0%, 32%, 9%
	#c7fcda	rgb(199, 252, 218)	hsl(140 90% 88%)	hwb(140 78% 1.2%)	lch(94.6 24.7 155)	lab(94.6 -22.3 10.6)	cmyk 21%, 0%, 13%, 1%
	#4f96e8	rgb(79, 150, 232)	hsl(210 77% 61%)	hwb(210 31% 9%)	lch(60.3 49 266)	lab(60.3 -3.13 -48.9)	cmyk 66%, 35%, 0%, 9%
	#7ee3f7	rgb(126, 227, 247)	hsl(190 88% 73%)	hwb(190 49% 3.1%)	lch(84.7 33.2 216)	lab(84.7 -26.9 -19.5)	cmyk 49%, 8%, 0%, 3%
	#4f4f4f	rgb(79, 79, 79)	hsl(none 0% 31%)	hwb(none 31% 69%)	lch(33.6 0 none)	lab(33.6 0 0)	cmyk 0%, 0%, 0%, 69%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#76e89e

AA - 1.52



#c7fcda

AA - 1.14



#4f96e8

AA - 3.06



#7ee3f7

AA - 1.47



#4f4f4f

AAA - 8.19



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(84.5% -0.132 0.066), oklab(94.6% -0.065 0.028), oklab(66.4% -0.04 -0.136), oklab(86.2% -0.084 -0.052), oklab(42.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #76e89e, #c7fcda, #4f96e8, #7ee3f7, #4f4f4f)

Colors



<!-- Primary Colors -->
<color name="cyan_color_10">#76e89e</color>
<color name="cyan_color_20">#c7fcda</color>
<color name="cyan_color_30">#4f96e8</color>
<color name="cyan_color_40">#7ee3f7</color>
<color name="cyan_color_50">#4f4f4f</color>

PWA prompt