POP

Palette information

splitcomplement

Red

Pink

Yellow

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ed397c	rgb(237, 57, 124)	hsl(338, 83%, 58%)	hwb(338 22% 7%)	hsv 338°, 76%, 93%	cmyk 0%, 76%, 48%, 7%	Pantone 1915C
#f37faa	rgb(243, 127, 170)	hsl(338, 83%, 73%)	hwb(338 50% 5%)	hsv 338°, 48%, 95%	cmyk 0%, 48%, 30%, 5%	Pantone 204C
#edcd39	rgb(237, 205, 57)	hsl(49, 83%, 58%)	hwb(49 22% 7%)	hsv 49°, 76%, 93%	cmyk 0%, 14%, 76%, 7%	Pantone 129C
#7fd9f3	rgb(127, 217, 243)	hsl(193, 83%, 73%)	hwb(193 50% 5%)	hsv 193°, 48%, 95%	cmyk 48%, 11%, 0%, 5%	Pantone 636C
#39c4ed	rgb(57, 196, 237)	hsl(194, 83%, 58%)	hwb(194 22% 7%)	hsv 194°, 76%, 93%	cmyk 76%, 17%, 0%, 7%	Pantone 2985C

Click a color format to copy to your clipboard.

White background Black background

#ed397c

3.8

#f37faa

2.5

#edcd39

1.6

#f37faa

1.6

#f37faa

2.0

Color blindness filter

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

Android color codes


                <color name="POP_1">#ed397c</color>


                <color name="POP_2">#f37faa</color>


                <color name="POP_3">#edcd39</color>


                <color name="POP_4">#7fd9f3</color>


                <color name="POP_5">#39c4ed</color>

Flutter color codes


                const POP1 = Color(0xFFed397c);


                const POP2 = Color(0xFFf37faa);


                const POP3 = Color(0xFFedcd39);


                const POP4 = Color(0xFF7fd9f3);


                const POP5 = Color(0xFF39c4ed);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator