SHIP

#1b0051

#3c0087

#4e37fc

#0057fc

#007dd9

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1b0051	rgb(27, 0, 81)	hsl(260 100% 16%)	hwb(260 0% 68%)	lch(6.71 53.7 305)	lab(6.71 31.1 -43.8)	cmyk 67%, 100%, 0%, 68%
	#3c0087	rgb(60, 0, 135)	hsl(270 100% 26%)	hwb(270 0% 47%)	lch(17.8 76.2 307)	lab(17.8 46 -60.7)	cmyk 56%, 100%, 0%, 47%
	#4e37fc	rgb(78, 55, 252)	hsl(250 97% 60%)	hwb(250 22% 1.2%)	lch(38.4 110 300)	lab(38.4 54.9 -95.5)	cmyk 69%, 78%, 0%, 1%
	#0057fc	rgb(0, 87, 252)	hsl(220 100% 49%)	hwb(220 0% 1.2%)	lch(42.4 94.7 290)	lab(42.4 32.1 -89.1)	cmyk 100%, 65%, 0%, 1%
	#007dd9	rgb(0, 125, 217)	hsl(210 100% 43%)	hwb(210 0% 15%)	lch(50.6 56.2 268)	lab(50.6 -2.15 -56.2)	cmyk 100%, 42%, 0%, 15%

 Click a color format to copy 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