Cyan Shades

Palette information

monochromatic

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#437575	rgb(67, 117, 117)	hsl(180, 27%, 36%)	hwb(180 26% 54%)	hsv 180°, 43%, 46%	cmyk 43%, 0%, 0%, 54%	Pantone 5487C
#5ca09f	rgb(92, 160, 159)	hsl(179, 27%, 49%)	hwb(179 36% 37%)	hsv 179°, 43%, 63%	cmyk 42%, 0%, 1%, 37%	Pantone 5493C
#74cac9	rgb(116, 202, 201)	hsl(179, 45%, 62%)	hwb(179 45% 21%)	hsv 179°, 43%, 79%	cmyk 43%, 0%, 0%, 21%	Pantone 325C
#8df5f3	rgb(141, 245, 243)	hsl(179, 84%, 76%)	hwb(179 55% 4%)	hsv 179°, 42%, 96%	cmyk 42%, 0%, 1%, 4%	Pantone 3245C
#132020	rgb(19, 32, 32)	hsl(180, 25%, 10%)	hwb(180 7% 87%)	hsv 180°, 41%, 13%	cmyk 41%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#437575

5.2

#5ca09f

3.0

#74cac9

1.9

#5ca09f

1.3

#5ca09f

16.7

Color blindness filter

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

Android color codes


                <color name="Cyan Shades_1">#437575</color>


                <color name="Cyan Shades_2">#5ca09f</color>


                <color name="Cyan Shades_3">#74cac9</color>


                <color name="Cyan Shades_4">#8df5f3</color>


                <color name="Cyan Shades_5">#132020</color>

Flutter color codes


                const Cyan Shades1 = Color(0xFF437575);


                const Cyan Shades2 = Color(0xFF5ca09f);


                const Cyan Shades3 = Color(0xFF74cac9);


                const Cyan Shades4 = Color(0xFF8df5f3);


                const Cyan Shades5 = Color(0xFF132020);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator