Cyan

Palette information

Wed Apr 03 2019

Green

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#76e89e	rgb(118, 232, 158)	hsl(141, 71%, 69%)	hwb(141 46% 9%)	hsv 141°, 49%, 91%	cmyk 49%, 0%, 32%, 9%	Pantone 353C
#c7fcda	rgb(199, 252, 218)	hsl(142, 90%, 88%)	hwb(142 78% 1%)	hsv 142°, 21%, 99%	cmyk 21%, 0%, 13%, 1%	Pantone 351C
#4f96e8	rgb(79, 150, 232)	hsl(212, 77%, 61%)	hwb(212 31% 9%)	hsv 212°, 66%, 91%	cmyk 66%, 35%, 0%, 9%	Pantone 279C
#7ee3f7	rgb(126, 227, 247)	hsl(190, 88%, 73%)	hwb(190 49% 3%)	hsv 190°, 49%, 97%	cmyk 49%, 8%, 0%, 3%	Pantone 310C
#4f4f4f	rgb(79, 79, 79)	hsl(0, 0%, 31%)	hwb(0 31% 69%)	hsv 0°, 0%, 31%	cmyk 0%, 0%, 0%, 69%	Pantone 425C

Click a color format to copy to your clipboard.

Background

#76e89e

1.5

#c7fcda

1.1

#4f96e8

3.1

#7ee3f7

1.5

#4f4f4f

8.2

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Cyan_1">#76e89e</color>


                <color name="Cyan_2">#c7fcda</color>


                <color name="Cyan_3">#4f96e8</color>


                <color name="Cyan_4">#7ee3f7</color>


                <color name="Cyan_5">#4f4f4f</color>

Flutter color codes


                const Cyan1 = Color(0xFF76e89e);


                const Cyan2 = Color(0xFFc7fcda);


                const Cyan3 = Color(0xFF4f96e8);


                const Cyan4 = Color(0xFF7ee3f7);


                const Cyan5 = Color(0xFF4f4f4f);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator