Bee

#08203a

#b2bcc7

#DDE6E8

#ffcc00

#fef0be

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Black

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#08203a	rgb(8, 32, 58)	hsl(210 76% 13%)	hwb(210 3.1% 77%)	lch(11.6 19.9 267)	lab(11.6 -0.934 -19.9)	cmyk 86%, 45%, 0%, 77%
	#b2bcc7	rgb(178, 188, 199)	hsl(210 16% 74%)	hwb(210 70% 22%)	lch(75.7 7.1 254)	lab(75.7 -1.95 -6.82)	cmyk 11%, 6%, 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%
	#ffcc00	rgb(255, 204, 0)	hsl(48 100% 50%)	hwb(48 0% 0%)	lch(84.8 85.2 84.4)	lab(84.8 8.24 84.8)	cmyk 0%, 20%, 100%, 0%
	#fef0be	rgb(254, 240, 190)	hsl(47 97% 87%)	hwb(47 75% 0.39%)	lch(95 26.1 91.5)	lab(95 -0.688 26.1)	cmyk 0%, 6%, 25%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#08203a

AAA - 16.43



#b2bcc7

AA - 1.92



#DDE6E8

AA - 1.26



#ffcc00

AA - 1.51



#fef0be

AA - 1.13



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(24.1% -0.017 -0.056), oklab(79.1% -0.006 -0.018), oklab(91.9% -0.008 -0.005), oklab(86.5% -0.001 0.177), oklab(95.4% -0.005 0.066))

Fallback colors



background: linear-gradient(45deg, #08203a, #b2bcc7, #DDE6E8, #ffcc00, #fef0be)

Colors



<!-- Primary Colors -->
<color name="bee__color_10">#08203a</color>
<color name="bee__color_20">#b2bcc7</color>
<color name="bee__color_30">#DDE6E8</color>
<color name="bee__color_40">#ffcc00</color>
<color name="bee__color_50">#fef0be</color>

PWA prompt