SHIP

#1b0051

#3c0087

#4e37fc

#0057fc

#007dd9

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Purple

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#1b0051	rgb(27, 0, 81)	hsl(260 100% 16%)	oklab(22% 0.03 -0.12)	oklch(22% 0.13 290)	color(display-p3 0.09 0 0.3)
	#3c0087	rgb(60, 0, 135)	hsl(270 100% 26%)	oklab(33% 0.07 -0.17)	oklch(33% 0.18 290)	color(display-p3 0.21 0.02 0.51)
	#4e37fc	rgb(78, 55, 252)	hsl(250 97% 60%)	oklab(51% 0.03 -0.27)	oklch(51% 0.27 280)	color(display-p3 0.29 0.22 0.95)
	#0057fc	rgb(0, 87, 252)	hsl(220 100% 49%)	oklab(53% -0.03 -0.25)	oklch(53% 0.25 260)	color(display-p3 0.14 0.34 0.95)
	#007dd9	rgb(0, 125, 217)	hsl(210 100% 43%)	oklab(58% -0.06 -0.16)	oklch(58% 0.17 250)	color(display-p3 0.21 0.48 0.82)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#1b0051

AAA - 18.01



#3c0087

AAA - 13.61



#4e37fc

AA - 6.41



#0057fc

AA - 5.57



#007dd9

AA - 4.25



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(21.9% 0.034 -0.123), oklab(32.5% 0.066 -0.17), oklab(51.3% 0.03 -0.269), oklab(53.4% -0.034 -0.252), oklab(58.2% -0.056 -0.158))

Fallback colors



background: linear-gradient(45deg, #1b0051, #3c0087, #4e37fc, #0057fc, #007dd9)

Colors



<!-- Primary Colors -->
<color name="ship_color_10">#1b0051</color>
<color name="ship_color_20">#3c0087</color>
<color name="ship_color_30">#4e37fc</color>
<color name="ship_color_40">#0057fc</color>
<color name="ship_color_50">#007dd9</color>

PWA prompt