Play

Palette information

Orange

Cyan

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#f39c19	rgb(243, 156, 25)	hsl(36, 90%, 53%)	hwb(36 10% 5%)	hsv 36°, 90%, 95%	cmyk 0%, 36%, 90%, 5%	Pantone 1375C
#ffba52	rgb(255, 186, 82)	hsl(36, 100%, 66%)	hwb(36 32% 0%)	hsv 36°, 68%, 100%	cmyk 0%, 27%, 68%, 0%	Pantone 1365C
#ffd494	rgb(255, 212, 148)	hsl(36, 100%, 79%)	hwb(36 58% 0%)	hsv 36°, 42%, 100%	cmyk 0%, 17%, 42%, 0%	Pantone 148C
#9effc6	rgb(158, 255, 198)	hsl(145, 100%, 81%)	hwb(145 62% 0%)	hsv 145°, 38%, 100%	cmyk 38%, 0%, 22%, 0%	Pantone 352C
#39dbad	rgb(57, 219, 173)	hsl(163, 69%, 54%)	hwb(163 22% 14%)	hsv 163°, 74%, 86%	cmyk 74%, 0%, 21%, 14%	Pantone 3385C

Click a color format to copy to your clipboard.

White background Black background

#F39C19

2.2

#ffba52

1.7

#ffd494

1.4

#ffba52

1.2

#ffba52

1.8

Color blindness filter

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

Android color codes


                <color name="Play_1">#F39C19</color>


                <color name="Play_2">#ffba52</color>


                <color name="Play_3">#ffd494</color>


                <color name="Play_4">#9effc6</color>


                <color name="Play_5">#39dbad</color>

Flutter color codes


                const Play1 = Color(0xFFF39C19);


                const Play2 = Color(0xFFffba52);


                const Play3 = Color(0xFFffd494);


                const Play4 = Color(0xFF9effc6);


                const Play5 = Color(0xFF39dbad);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator