Town

Palette information

Yellow

Red

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#ded22f	rgb(222, 210, 47)	hsl(56, 73%, 53%)	hwb(56 18% 13%)	hsv 56°, 79%, 87%	cmyk 0%, 5%, 79%, 13%	Pantone 611C
#ede247	rgb(237, 226, 71)	hsl(56, 82%, 60%)	hwb(56 28% 7%)	hsv 56°, 70%, 93%	cmyk 0%, 5%, 70%, 7%	Pantone 603C
#ffefe0	rgb(255, 239, 224)	hsl(29, 100%, 94%)	hwb(29 88% 0%)	hsv 29°, 12%, 100%	cmyk 0%, 6%, 12%, 0%	Pantone 663C
#f78a66	rgb(247, 138, 102)	hsl(15, 90%, 68%)	hwb(15 40% 3%)	hsv 15°, 59%, 97%	cmyk 0%, 44%, 59%, 3%	Pantone 811C
#fafafa	rgb(250, 250, 250)	hsl(0, 0%, 98%)	hwb(0 98% 2%)	hsv 0°, 0%, 98%	cmyk 0%, 0%, 0%, 2%	Pantone 663C

Click a color format to copy to your clipboard.

White background Black background

#ded22f

1.6

#ede247

1.3

#ffefe0

1.1

#ede247

2.4

#ede247

1.0

Color blindness filter

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

Android color codes


                <color name="Town_1">#ded22f</color>


                <color name="Town_2">#ede247</color>


                <color name="Town_3">#ffefe0</color>


                <color name="Town_4">#f78a66</color>


                <color name="Town_5">#fafafa</color>

Flutter color codes


                const Town1 = Color(0xFFded22f);


                const Town2 = Color(0xFFede247);


                const Town3 = Color(0xFFffefe0);


                const Town4 = Color(0xFFf78a66);


                const Town5 = Color(0xFFfafafa);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator