#000000

#0B244A

#2B4877

#5C76A9

#A0BFE0

Hyperspace

Actions

Explore the gradient in different formats, and actions.

Colors overview

Blue

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%
	#0b244a	rgb(11, 36, 74)	hsl(220 74% 17%)	hwb(220 4.3% 71%)	lch(14.1 27.1 276)	lab(14.1 2.84 -26.9)	cmyk 85%, 51%, 0%, 71%
	#2b4877	rgb(43, 72, 119)	hsl(220 47% 32%)	hwb(220 17% 53%)	lch(30.2 30.7 272)	lab(30.2 1.22 -30.7)	cmyk 64%, 39%, 0%, 53%
	#5c76a9	rgb(92, 118, 169)	hsl(220 31% 51%)	hwb(220 36% 34%)	lch(49.2 30.7 272)	lab(49.2 0.992 -30.7)	cmyk 46%, 30%, 0%, 34%
	#a0bfe0	rgb(160, 191, 224)	hsl(210 51% 75%)	hwb(210 63% 12%)	lch(75.9 20.9 256)	lab(75.9 -5.18 -20.2)	cmyk 29%, 15%, 0%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000000

AAA - 21



#0B244A

AAA - 15.37



#2B4877

AAA - 9.14



#5C76A9

AA - 4.54



#A0BFE0

AA - 1.9



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(0% 0 0), oklab(26.5% -0.015 -0.076), oklab(40.3% -0.016 -0.086), oklab(56.7% -0.01 -0.085), oklab(79.3% -0.02 -0.054))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #000000, #0B244A, #2B4877, #5C76A9, #A0BFE0)

Colors



<!-- Primary Colors -->
<color name="hyperspace_color_10">#000000</color>
<color name="hyperspace_color_20">#0B244A</color>
<color name="hyperspace_color_30">#2B4877</color>
<color name="hyperspace_color_40">#5C76A9</color>
<color name="hyperspace_color_50">#A0BFE0</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt