Travel

Palette information

Orange

Purple

Black

White

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#fdfaf9	rgb(253, 250, 249)	hsl(15, 50%, 98%)	hwb(15 98% 1%)	hsv 15°, 2%, 99%	cmyk 0%, 1%, 2%, 1%	Pantone 663C
#ff8670	rgb(255, 134, 112)	hsl(9, 100%, 72%)	hwb(9 44% 0%)	hsv 9°, 56%, 100%	cmyk 0%, 47%, 56%, 0%	Pantone 170C
#222f3d	rgb(34, 47, 61)	hsl(211, 28%, 19%)	hwb(211 13% 76%)	hsv 211°, 44%, 24%	cmyk 44%, 23%, 0%, 76%	Pantone 433C
#8d85ff	rgb(141, 133, 255)	hsl(244, 100%, 76%)	hwb(244 52% 0%)	hsv 244°, 48%, 100%	cmyk 45%, 48%, 0%, 0%	Pantone 814C
#cbc7ff	rgb(203, 199, 255)	hsl(244, 100%, 89%)	hwb(244 78% 0%)	hsv 244°, 22%, 100%	cmyk 20%, 22%, 0%, 0%	Pantone 2635C

Click a color format to copy to your clipboard.

White background Black background

#fdfaf9

1.0

#ff8670

2.4

#222F3D

13.6

#ff8670

3.0

#ff8670

1.6

Color blindness filter

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

Android color codes


                <color name="Travel_1">#fdfaf9</color>


                <color name="Travel_2">#ff8670</color>


                <color name="Travel_3">#222F3D</color>


                <color name="Travel_4">#8d85ff</color>


                <color name="Travel_5">#cbc7ff</color>

Flutter color codes


                const Travel1 = Color(0xFFfdfaf9);


                const Travel2 = Color(0xFFff8670);


                const Travel3 = Color(0xFF222F3D);


                const Travel4 = Color(0xFF8d85ff);


                const Travel5 = Color(0xFFcbc7ff);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator