Space Color Palette

#042959

#0A4DA6

#2c7ce6

#79C4F2

#c7e3f0

#042959

#0A4DA6

#2c7ce6

#79C4F2

#c7e3f0

Colors overview

Blue

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#042959	rgb(4, 41, 89)	hsl(210 91% 18%)	hwb(210 1.6% 65%)	lch(16.6 33.3 277)	lab(16.6 4.11 -33.1)	cmyk 96%, 54%, 0%, 65%
	#0a4da6	rgb(10, 77, 166)	hsl(210 89% 35%)	hwb(210 3.9% 35%)	lch(33.3 55.1 280)	lab(33.3 9.35 -54.3)	cmyk 94%, 54%, 0%, 35%
	#2c7ce6	rgb(44, 124, 230)	hsl(210 79% 54%)	hwb(210 17% 9.8%)	lch(51.6 62 275)	lab(51.6 5.41 -61.8)	cmyk 81%, 46%, 0%, 10%
	#79c4f2	rgb(121, 196, 242)	hsl(200 82% 71%)	hwb(200 47% 5.1%)	lch(75.6 34 244)	lab(75.6 -14.8 -30.6)	cmyk 50%, 19%, 0%, 5%
	#c7e3f0	rgb(199, 227, 240)	hsl(200 58% 86%)	hwb(200 78% 5.9%)	lch(88.5 12.2 232)	lab(88.5 -7.56 -9.63)	cmyk 17%, 5%, 0%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#042959

AAA - 14.31



#0A4DA6

AAA - 7.99



#2c7ce6

AA - 4.09



#79C4F2

AA - 1.91



#c7e3f0

AA - 1.33



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(28.8% -0.021 -0.093), oklab(43.9% -0.031 -0.153), oklab(59.5% -0.04 -0.174), oklab(78.9% -0.054 -0.083), oklab(89.9% -0.023 -0.025))

Fallback colors



background: linear-gradient(45deg, #042959, #0A4DA6, #2c7ce6, #79C4F2, #c7e3f0)

Colors



<!-- Primary Colors -->
<color name="space_color_10">#042959</color>
<color name="space_color_20">#0A4DA6</color>
<color name="space_color_30">#2c7ce6</color>
<color name="space_color_40">#79C4F2</color>
<color name="space_color_50">#c7e3f0</color>

PWA prompt