Blueberry Color Palette

#161d54

#222c7f

#2d3ba9

#394ad4

#4458fe

#161d54

#222c7f

#2d3ba9

#394ad4

#4458fe

Colors overview

 Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#161d54	rgb(22, 29, 84)	hsl(230 58% 21%)	hwb(230 8.6% 67%)	lch(13.2 37.7 291)	lab(13.2 13.5 -35.2)	cmyk 74%, 65%, 0%, 67%
	#222c7f	rgb(34, 44, 127)	hsl(230 58% 32%)	hwb(230 13% 50%)	lch(21.8 53.1 292)	lab(21.8 20 -49.3)	cmyk 73%, 65%, 0%, 50%
	#2d3ba9	rgb(45, 59, 169)	hsl(230 58% 42%)	hwb(230 18% 34%)	lch(29.7 67 292)	lab(29.7 25.5 -62)	cmyk 73%, 65%, 0%, 34%
	#394ad4	rgb(57, 74, 212)	hsl(230 64% 53%)	hwb(230 22% 17%)	lch(37.5 80.7 293)	lab(37.5 31.2 -74.4)	cmyk 73%, 65%, 0%, 17%
	#4458fe	rgb(68, 88, 254)	hsl(230 99% 63%)	hwb(230 27% 0.39%)	lch(44.6 93.9 293)	lab(44.6 36.8 -86.4)	cmyk 73%, 65%, 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.

#161d54

AAA - 15.69



#222c7f

AAA - 12.1



#2d3ba9

AAA - 9.09



#394ad4

AA - 6.76



#4458fe

AA - 5.15



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(26.4% 0.004 -0.099), oklab(34.3% 0.004 -0.139), oklab(41.6% 0.003 -0.175), oklab(48.8% 0.003 -0.21), oklab(55.5% 0.002 -0.244))

Fallback colors New



background: linear-gradient(45deg, #161d54, #222c7f, #2d3ba9, #394ad4, #4458fe)

Colors



<resources>
    <color name="blueberry_100">#161d54</color>
    <color name="blueberry_200">#222c7f</color>
    <color name="blueberry_300">#2d3ba9</color>
    <color name="blueberry_400">#394ad4</color>
    <color name="blueberry_500">#4458fe</color>
</resources>

PWA prompt