October

Palette information

Orange

Yellow

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#df4d3b	rgb(223, 77, 59)	hsl(7, 72%, 55%)	hwb(7 23% 13%)	hsv 7°, 74%, 87%	cmyk 0%, 65%, 74%, 13%	Pantone 179C
#f2614e	rgb(242, 97, 78)	hsl(7, 86%, 63%)	hwb(7 31% 5%)	hsv 7°, 68%, 95%	cmyk 0%, 60%, 68%, 5%	Pantone 178C
#f67833	rgb(246, 120, 51)	hsl(21, 92%, 58%)	hwb(21 20% 4%)	hsv 21°, 79%, 96%	cmyk 0%, 51%, 79%, 4%	Pantone 164C
#fead4b	rgb(254, 173, 75)	hsl(33, 99%, 65%)	hwb(33 29% 0%)	hsv 33°, 70%, 100%	cmyk 0%, 32%, 70%, 0%	Pantone 804C
#ffe3b2	rgb(255, 227, 178)	hsl(38, 100%, 85%)	hwb(38 70% 0%)	hsv 38°, 30%, 100%	cmyk 0%, 11%, 30%, 0%	Pantone 155C

Click a color format to copy to your clipboard.

White background Black background

#df4d3b

4.0

#f2614e

3.2

#f67833

2.7

#f2614e

1.9

#f2614e

1.2

Color blindness filter

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

Android color codes


                <color name="October_1">#df4d3b</color>


                <color name="October_2">#f2614e</color>


                <color name="October_3">#f67833</color>


                <color name="October_4">#fead4b</color>


                <color name="October_5">#ffe3b2</color>

Flutter color codes


                const October1 = Color(0xFFdf4d3b);


                const October2 = Color(0xFFf2614e);


                const October3 = Color(0xFFf67833);


                const October4 = Color(0xFFfead4b);


                const October5 = Color(0xFFffe3b2);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator