Melon

Palette information

Red

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#97dbad	rgb(151, 219, 173)	hsl(139, 49%, 73%)	hwb(139 59% 14%)	hsv 139°, 31%, 86%	cmyk 31%, 0%, 21%, 14%	Pantone 345C
#c3e5ad	rgb(195, 229, 173)	hsl(96, 52%, 79%)	hwb(96 68% 10%)	hsv 96°, 24%, 90%	cmyk 15%, 0%, 24%, 10%	Pantone 580C
#edd987	rgb(237, 217, 135)	hsl(48, 74%, 73%)	hwb(48 53% 7%)	hsv 48°, 43%, 93%	cmyk 0%, 8%, 43%, 7%	Pantone 1205C
#f1e1a5	rgb(241, 225, 165)	hsl(47, 73%, 80%)	hwb(47 65% 5%)	hsv 47°, 32%, 95%	cmyk 0%, 7%, 32%, 5%	Pantone 614C
#f4bbbc	rgb(244, 187, 188)	hsl(359, 72%, 85%)	hwb(359 73% 4%)	hsv 359°, 23%, 96%	cmyk 0%, 23%, 23%, 4%	Pantone 495C

Click a color format to copy to your clipboard.

White background Black background

#97dbad

1.6

#c3e5ad

1.4

#edd987

1.4

#c3e5ad

1.3

#c3e5ad

1.7

Color blindness filter

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

Android color codes


                <color name="Melon_1">#97dbad</color>


                <color name="Melon_2">#c3e5ad</color>


                <color name="Melon_3">#edd987</color>


                <color name="Melon_4">#f1e1a5</color>


                <color name="Melon_5">#f4bbbc</color>

Flutter color codes


                const Melon1 = Color(0xFF97dbad);


                const Melon2 = Color(0xFFc3e5ad);


                const Melon3 = Color(0xFFedd987);


                const Melon4 = Color(0xFFf1e1a5);


                const Melon5 = Color(0xFFf4bbbc);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator