Space

Palette information

Sun Dec 12 2021

Red

Pink

Grey

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#68747d	rgb(104, 116, 125)	hsl(206, 9%, 45%)	hwb(206 41% 51%)	hsv 206°, 17%, 49%	cmyk 17%, 7%, 0%, 51%	Pantone 431C
#a1b5c1	rgb(161, 181, 193)	hsl(203, 21%, 69%)	hwb(203 63% 24%)	hsv 203°, 17%, 76%	cmyk 17%, 6%, 0%, 24%	Pantone 5435C
#eeedf0	rgb(238, 237, 240)	hsl(260, 9%, 94%)	hwb(260 93% 6%)	hsv 260°, 1%, 94%	cmyk 1%, 1%, 0%, 6%	Pantone 663C
#f9aca7	rgb(249, 172, 167)	hsl(4, 87%, 82%)	hwb(4 65% 2%)	hsv 4°, 33%, 98%	cmyk 0%, 31%, 33%, 2%	Pantone 169C
#cf365f	rgb(207, 54, 95)	hsl(344, 61%, 51%)	hwb(344 21% 19%)	hsv 344°, 74%, 81%	cmyk 0%, 74%, 54%, 19%	Pantone 198C

Click a color format to copy to your clipboard.

Background

#68747d

4.8

#a1b5c1

2.1

#eeedf0

1.2

#f9aca7

1.8

#cf365f

4.8

Color blindness filter

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

Android color codes


                <color name="Space_1">#68747d</color>


                <color name="Space_2">#a1b5c1</color>


                <color name="Space_3">#eeedf0</color>


                <color name="Space_4">#f9aca7</color>


                <color name="Space_5">#cf365f</color>

Flutter color codes


                const Space1 = Color(0xFF68747d);


                const Space2 = Color(0xFFa1b5c1);


                const Space3 = Color(0xFFeeedf0);


                const Space4 = Color(0xFFf9aca7);


                const Space5 = Color(0xFFcf365f);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator