Ultramarine Shades

#0b012e

#140259

#1e0383

#2804ae

#3205d8

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#0b012e	rgb(11, 1, 46)	hsl(250 96% 9.2%)	hwb(250 0.39% 82%)	lch(2.37 28.4 295)	lab(2.37 12 -25.8)	cmyk 76%, 98%, 0%, 82%
	#140259	rgb(20, 2, 89)	hsl(250 96% 18%)	hwb(250 0.78% 65%)	lch(7.27 57.6 303)	lab(7.27 31.3 -48.4)	cmyk 78%, 98%, 0%, 65%
	#1e0383	rgb(30, 3, 131)	hsl(250 96% 26%)	hwb(250 1.2% 49%)	lch(14 76.8 303)	lab(14 41.6 -64.6)	cmyk 77%, 98%, 0%, 49%
	#2804ae	rgb(40, 4, 174)	hsl(250 96% 35%)	hwb(250 1.6% 32%)	lch(20.5 95.2 303)	lab(20.5 51.4 -80.2)	cmyk 77%, 98%, 0%, 32%
	#3205d8	rgb(50, 5, 216)	hsl(250 95% 43%)	hwb(250 2% 15%)	lch(26.7 112 303)	lab(26.7 60.5 -94.6)	cmyk 77%, 98%, 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.

#0b012e

AAA - 19.84



#140259

AAA - 17.75



#1e0383

AAA - 15.04



#2804ae

AAA - 12.21



#3205d8

AAA - 9.77



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(15.4% 0.02 -0.084), oklab(22.6% 0.016 -0.135), oklab(29.3% 0.015 -0.181), oklab(35.7% 0.014 -0.224), oklab(41.8% 0.014 -0.264))

Fallback colors



background: linear-gradient(45deg, #0b012e, #140259, #1e0383, #2804ae, #3205d8)

Colors



<!-- Primary Colors -->
<color name="ultramarine_shades_color_10">#0b012e</color>
<color name="ultramarine_shades_color_20">#140259</color>
<color name="ultramarine_shades_color_30">#1e0383</color>
<color name="ultramarine_shades_color_40">#2804ae</color>
<color name="ultramarine_shades_color_50">#3205d8</color>

PWA prompt