Port

Palette information

Grey

Orange

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#595959	rgb(89, 89, 89)	hsl(0, 0%, 35%)	hwb(0 35% 65%)	hsv 0°, 0%, 35%	cmyk 0%, 0%, 0%, 65%	Pantone 425C
#918e8e	rgb(145, 142, 142)	hsl(0, 1%, 56%)	hwb(0 56% 43%)	hsv 0°, 2%, 57%	cmyk 0%, 2%, 2%, 43%	Pantone 423C
#f5f5d7	rgb(245, 245, 215)	hsl(60, 60%, 90%)	hwb(60 84% 4%)	hsv 60°, 12%, 96%	cmyk 0%, 0%, 12%, 4%	Pantone 5807C
#ffcea6	rgb(255, 206, 166)	hsl(27, 100%, 83%)	hwb(27 65% 0%)	hsv 27°, 35%, 100%	cmyk 0%, 19%, 35%, 0%	Pantone 712C
#ed974c	rgb(237, 151, 76)	hsl(28, 82%, 61%)	hwb(28 30% 7%)	hsv 28°, 68%, 93%	cmyk 0%, 36%, 68%, 7%	Pantone 157C

Click a color format to copy to your clipboard.

White background Black background

#595959

7.0

#918e8e

3.2

#f5f5d7

1.1

#918e8e

1.4

#918e8e

2.3

Color blindness filter

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

Android color codes


                <color name="Port_1">#595959</color>


                <color name="Port_2">#918e8e</color>


                <color name="Port_3">#f5f5d7</color>


                <color name="Port_4">#ffcea6</color>


                <color name="Port_5">#ed974c</color>

Flutter color codes


                const Port1 = Color(0xFF595959);


                const Port2 = Color(0xFF918e8e);


                const Port3 = Color(0xFFf5f5d7);


                const Port4 = Color(0xFFffcea6);


                const Port5 = Color(0xFFed974c);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator