Teal/Pink

Palette information

Green

Pink

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#00796b	rgb(0, 121, 107)	hsl(173, 100%, 24%)	hwb(173 0% 53%)	hsv 173°, 100%, 47%	cmyk 100%, 0%, 12%, 53%	Pantone 328C
#009688	rgb(0, 150, 136)	hsl(174, 100%, 29%)	hwb(174 0% 41%)	hsv 174°, 100%, 59%	cmyk 100%, 0%, 9%, 41%	Pantone 3285C
#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hwb(0 100% 0%)	hsv 0°, 0%, 100%	cmyk 0%, 0%, 0%, 0%	Pantone 663C
#ff4081	rgb(255, 64, 129)	hsl(340, 100%, 63%)	hwb(340 25% 0%)	hsv 340°, 75%, 100%	cmyk 0%, 75%, 49%, 0%	Pantone 1915C
#212121	rgb(33, 33, 33)	hsl(0, 0%, 13%)	hwb(0 13% 87%)	hsv 0°, 0%, 13%	cmyk 0%, 0%, 0%, 87%	Pantone 419C

Click a color format to copy to your clipboard.

White background Black background

#00796b

5.3

#009688

3.7

#ffffff

1.0

#009688

3.3

#009688

16.1

Color blindness filter

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

Android color codes


                <color name="Teal/Pink_1">#00796b</color>


                <color name="Teal/Pink_2">#009688</color>


                <color name="Teal/Pink_3">#ffffff</color>


                <color name="Teal/Pink_4">#ff4081</color>


                <color name="Teal/Pink_5">#212121</color>

Flutter color codes


                const Teal/Pink1 = Color(0xFF00796b);


                const Teal/Pink2 = Color(0xFF009688);


                const Teal/Pink3 = Color(0xFFffffff);


                const Teal/Pink4 = Color(0xFFff4081);


                const Teal/Pink5 = Color(0xFF212121);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator