Bubble Gum

#071e54

#00c0fb

#6301da

#BDC3C8

#DDE6E8

Actions

Explore the palette in different formats, and actions.

Colors overview

Purple

Cyan

Black

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#071e54	rgb(7, 30, 84)	hsl(220 85% 18%)	hwb(220 2.7% 67%)	lch(12.7 37.5 286)	lab(12.7 10.4 -36.1)	cmyk 92%, 64%, 0%, 67%
	#00c0fb	rgb(0, 192, 251)	hsl(190 100% 49%)	hwb(190 0% 1.6%)	lch(72 48.5 238)	lab(72 -25.7 -41.2)	cmyk 100%, 24%, 0%, 2%
	#6301da	rgb(99, 1, 218)	hsl(270 99% 43%)	hwb(270 0.39% 15%)	lch(31.9 109 307)	lab(31.9 65.2 -86.9)	cmyk 55%, 100%, 0%, 15%
	#bdc3c8	rgb(189, 195, 200)	hsl(210 9.1% 76%)	hwb(210 74% 22%)	lch(78.4 3.57 246)	lab(78.4 -1.43 -3.28)	cmyk 5%, 3%, 0%, 22%
	#dde6e8	rgb(221, 230, 232)	hsl(190 19% 89%)	hwb(190 87% 9%)	lch(90.6 3.52 216)	lab(90.6 -2.84 -2.08)	cmyk 5%, 1%, 0%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#071e54

AAA - 15.87



#00c0fb

AA - 2.11



#6301da

AAA - 8.24



#BDC3C8

AA - 1.77



#DDE6E8

AA - 1.26



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(25.8% -0.012 -0.102), oklab(75.6% -0.097 -0.114), oklab(46.1% 0.09 -0.244), oklab(81.4% -0.004 -0.009), oklab(91.9% -0.008 -0.005))

Fallback colors



background: linear-gradient(45deg, #071e54, #00c0fb, #6301da, #BDC3C8, #DDE6E8)

Colors



<!-- Primary Colors -->
<color name="bubble_gum_color_10">#071e54</color>
<color name="bubble_gum_color_20">#00c0fb</color>
<color name="bubble_gum_color_30">#6301da</color>
<color name="bubble_gum_color_40">#BDC3C8</color>
<color name="bubble_gum_color_50">#DDE6E8</color>

PWA prompt