Space Color Palette

#68747d

#a1b5c1

#eeedf0

#f9aca7

#cf365f

#68747d

#a1b5c1

#eeedf0

#f9aca7

#cf365f

Colors overview

Red

Pink

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#68747d	rgb(104, 116, 125)	hsl(210 9.2% 45%)	hwb(210 41% 51%)	lch(48.1 7.28 245)	lab(48.1 -3.12 -6.58)	cmyk 17%, 7%, 0%, 51%
	#a1b5c1	rgb(161, 181, 193)	hsl(200 21% 69%)	hwb(200 63% 24%)	lch(72.4 10.1 239)	lab(72.4 -5.24 -8.58)	cmyk 17%, 6%, 0%, 24%
	#eeedf0	rgb(238, 237, 240)	hsl(260 9.1% 94%)	hwb(260 93% 5.9%)	lch(93.9 1.53 299)	lab(93.9 0.744 -1.33)	cmyk 1%, 1%, 0%, 6%
	#f9aca7	rgb(249, 172, 167)	hsl(3.7 87% 82%)	hwb(3.7 65% 2.4%)	lch(77.9 32.1 27.1)	lab(77.9 28.6 14.6)	cmyk 0%, 31%, 33%, 2%
	#cf365f	rgb(207, 54, 95)	hsl(340 61% 51%)	hwb(340 21% 19%)	lch(48.5 63.3 13.1)	lab(48.5 61.6 14.3)	cmyk 0%, 74%, 54%, 19%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#68747d

AA - 4.79



#a1b5c1

AA - 2.12



#eeedf0

AA - 1.16



#f9aca7

AA - 1.82



#cf365f

AA - 4.83



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(55.2% -0.01 -0.017), oklab(76.2% -0.016 -0.023), oklab(94.8% 0.002 -0.004), oklab(81.7% 0.084 0.036), oklab(57.5% 0.187 0.033))

Fallback colors



background: linear-gradient(45deg, #68747d, #a1b5c1, #eeedf0, #f9aca7, #cf365f)

Colors



<!-- Primary Colors -->
<color name="space_color_10">#68747d</color>
<color name="space_color_20">#a1b5c1</color>
<color name="space_color_30">#eeedf0</color>
<color name="space_color_40">#f9aca7</color>
<color name="space_color_50">#cf365f</color>

PWA prompt