Playful

Palette information

Orange

Cyan

Blue

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f6552d	rgb(246, 85, 45)	hsl(12, 92%, 57%)	hwb(12 18% 4%)	hsv 12°, 82%, 96%	cmyk 0%, 65%, 82%, 4%	Pantone 171C
#fa9078	rgb(250, 144, 120)	hsl(11, 93%, 73%)	hwb(11 47% 2%)	hsv 11°, 52%, 98%	cmyk 0%, 42%, 52%, 2%	Pantone 1635C
#fcb9a9	rgb(252, 185, 169)	hsl(12, 93%, 83%)	hwb(12 66% 1%)	hsv 12°, 33%, 99%	cmyk 0%, 27%, 33%, 1%	Pantone 169C
#75e2fa	rgb(117, 226, 250)	hsl(191, 93%, 72%)	hwb(191 46% 2%)	hsv 191°, 53%, 98%	cmyk 53%, 10%, 0%, 2%	Pantone 310C
#2ed1f7	rgb(46, 209, 247)	hsl(191, 93%, 57%)	hwb(191 18% 3%)	hsv 191°, 81%, 97%	cmyk 81%, 15%, 0%, 3%	Pantone 305C

Click a color format to copy to your clipboard.

White background Black background

#f6552d

3.4

#fa9078

2.3

#fcb9a9

1.7

#fa9078

1.5

#fa9078

1.8

Color blindness filter

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

Android color codes


                <color name="Playful_1">#f6552d</color>


                <color name="Playful_2">#fa9078</color>


                <color name="Playful_3">#fcb9a9</color>


                <color name="Playful_4">#75e2fa</color>


                <color name="Playful_5">#2ed1f7</color>

Flutter color codes


                const Playful1 = Color(0xFFf6552d);


                const Playful2 = Color(0xFFfa9078);


                const Playful3 = Color(0xFFfcb9a9);


                const Playful4 = Color(0xFF75e2fa);


                const Playful5 = Color(0xFF2ed1f7);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator