Playful

#f6552d

#fa9078

#fcb9a9

#75e2fa

#2ed1f7

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);

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

Color blindness

Color blindness filter

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

Added in v3.2

Featured tools

Gradient generator

Palette generator