Minimal Blue

#5367fc

#8291ff

#a6bbff

#fcfcfc

#828282

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5367fc	rgb(83, 103, 252)	hsl(230 97% 66%)	hwb(230 33% 1.2%)	lch(48.9 83.7 291)	lab(48.9 29.8 -78.2)	cmyk 67%, 59%, 0%, 1%
	#8291ff	rgb(130, 145, 255)	hsl(230 100% 75%)	hwb(230 51% 0%)	lch(62.8 59.9 286)	lab(62.8 16.9 -57.4)	cmyk 49%, 43%, 0%, 0%
	#a6bbff	rgb(166, 187, 255)	hsl(230 100% 83%)	hwb(230 65% 0%)	lch(76.2 36.6 277)	lab(76.2 4.59 -36.3)	cmyk 35%, 27%, 0%, 0%
	#fcfcfc	rgb(252, 252, 252)	hsl(none 0% 99%)	hwb(none 99% 1.2%)	lch(99 0 none)	lab(99 0 0)	cmyk 0%, 0%, 0%, 1%
	#828282	rgb(130, 130, 130)	hsl(none 0% 51%)	hwb(none 51% 49%)	lch(54.4 0 none)	lab(54.4 0 0)	cmyk 0%, 0%, 0%, 49%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5367fc

AA - 4.45



#8291ff

AA - 2.82



#a6bbff

AA - 1.87



#fcfcfc

AA - 1.02



#828282

AA - 3.84



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(58.6% 0.007 -0.221), oklab(69.4% 0.016 -0.16), oklab(80.1% 0.001 -0.1), oklab(99.1% 0 0), oklab(60.7% 0 0))

Fallback colors



background: linear-gradient(45deg, #5367fc, #8291ff, #a6bbff, #fcfcfc, #828282)

Colors



<!-- Primary Colors -->
<color name="minimal_blue_color_10">#5367fc</color>
<color name="minimal_blue_color_20">#8291ff</color>
<color name="minimal_blue_color_30">#a6bbff</color>
<color name="minimal_blue_color_40">#fcfcfc</color>
<color name="minimal_blue_color_50">#828282</color>

PWA prompt