Bluetooth

#07111d

#114d8d

#2072cb

#DDE6E8

#b4c0ca

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Black

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#07111d	rgb(7, 17, 29)	hsl(210 61% 7.1%)	hwb(210 2.7% 89%)	lch(4.73 9.22 265)	lab(4.73 -0.83 -9.18)	cmyk 76%, 41%, 0%, 89%
	#114d8d	rgb(17, 77, 141)	hsl(210 78% 31%)	hwb(210 6.7% 45%)	lch(31.9 41.5 271)	lab(31.9 1.07 -41.5)	cmyk 88%, 45%, 0%, 45%
	#2072cb	rgb(32, 114, 203)	hsl(210 73% 46%)	hwb(210 13% 20%)	lch(47 54 271)	lab(47 1.3 -54)	cmyk 84%, 44%, 0%, 20%
	#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%
	#b4c0ca	rgb(180, 192, 202)	hsl(210 17% 75%)	hwb(210 71% 21%)	lch(77 7.11 247)	lab(77 -2.79 -6.54)	cmyk 11%, 5%, 0%, 21%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#07111d

AAA - 18.97



#114d8d

AAA - 8.5



#2072cb

AA - 4.84



#DDE6E8

AA - 1.26



#b4c0ca

AA - 1.85



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(17.5% -0.009 -0.028), oklab(42% -0.033 -0.117), oklab(55.2% -0.043 -0.152), oklab(91.9% -0.008 -0.005), oklab(80.2% -0.009 -0.017))

Fallback colors



background: linear-gradient(45deg, #07111d, #114d8d, #2072cb, #DDE6E8, #b4c0ca)

Colors



<!-- Primary Colors -->
<color name="bluetooth__color_10">#07111d</color>
<color name="bluetooth__color_20">#114d8d</color>
<color name="bluetooth__color_30">#2072cb</color>
<color name="bluetooth__color_40">#DDE6E8</color>
<color name="bluetooth__color_50">#b4c0ca</color>

PWA prompt