Pure Blue

#000087

#0000cd

#4949f2

#9b9bf9

#f2f2ff

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000087	rgb(0, 0, 135)	hsl(240 100% 26%)	hwb(240 0% 47%)	lch(12.4 81.8 301)	lab(12.4 42.6 -69.8)	cmyk 100%, 100%, 0%, 47%
	#0000cd	rgb(0, 0, 205)	hsl(240 100% 40%)	hwb(240 0% 20%)	lch(22.7 111 301)	lab(22.7 57.9 -95)	cmyk 100%, 100%, 0%, 20%
	#4949f2	rgb(73, 73, 242)	hsl(240 87% 62%)	hwb(240 29% 5.1%)	lch(40.6 96.2 296)	lab(40.6 42.5 -86.2)	cmyk 70%, 70%, 0%, 5%
	#9b9bf9	rgb(155, 155, 249)	hsl(240 89% 79%)	hwb(240 61% 2.4%)	lch(66.9 50.4 290)	lab(66.9 16.9 -47.5)	cmyk 38%, 38%, 0%, 2%
	#f2f2ff	rgb(242, 242, 255)	hsl(240 100% 97%)	hwb(240 95% 0%)	lch(95.8 6.51 286)	lab(95.8 1.76 -6.27)	cmyk 5%, 5%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000087

AAA - 15.55



#0000cd

AAA - 11.16



#4949f2

AA - 5.96



#9b9bf9

AA - 2.48



#f2f2ff

AA - 1.1



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.2% -0.02 -0.194), oklab(38.3% -0.028 -0.264), oklab(52.3% 0.017 -0.243), oklab(72.8% 0.029 -0.132), oklab(96.5% 0.005 -0.017))

Fallback colors



background: linear-gradient(45deg, #000087, #0000cd, #4949f2, #9b9bf9, #f2f2ff)

Colors



<!-- Primary Colors -->
<color name="pure_blue_color_10">#000087</color>
<color name="pure_blue_color_20">#0000cd</color>
<color name="pure_blue_color_30">#4949f2</color>
<color name="pure_blue_color_40">#9b9bf9</color>
<color name="pure_blue_color_50">#f2f2ff</color>

PWA prompt