Day

#005EA6

#78ACFD

#BBDDE9

#F6F7FB

#F6D7A8

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Orange

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#005ea6	rgb(0, 94, 166)	hsl(210 100% 33%)	hwb(210 0% 35%)	lch(38.4 46.2 268)	lab(38.4 -1.58 -46.2)	cmyk 100%, 43%, 0%, 35%
	#78acfd	rgb(120, 172, 253)	hsl(220 97% 73%)	hwb(220 47% 0.78%)	lch(69.3 46.2 269)	lab(69.3 -0.503 -46.2)	cmyk 53%, 32%, 0%, 1%
	#bbdde9	rgb(187, 221, 233)	hsl(200 51% 82%)	hwb(200 73% 8.6%)	lch(85.9 13.8 225)	lab(85.9 -9.69 -9.83)	cmyk 20%, 5%, 0%, 9%
	#f6f7fb	rgb(246, 247, 251)	hsl(230 38% 97%)	hwb(230 96% 1.6%)	lch(97.2 2.06 275)	lab(97.2 0.188 -2.05)	cmyk 2%, 2%, 0%, 2%
	#f6d7a8	rgb(246, 215, 168)	hsl(36 81% 81%)	hwb(36 66% 3.5%)	lch(87.8 28.1 77.2)	lab(87.8 6.23 27.4)	cmyk 0%, 13%, 32%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#005EA6

AA - 6.66



#78ACFD

AA - 2.3



#BBDDE9

AA - 1.43



#F6F7FB

AA - 1.07



#F6D7A8

AA - 1.38



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(47.6% -0.045 -0.13), oklab(74.2% -0.025 -0.128), oklab(87.7% -0.03 -0.026), oklab(97.7% 0 -0.005), oklab(89.4% 0.015 0.069))

Fallback colors



background: linear-gradient(45deg, #005EA6, #78ACFD, #BBDDE9, #F6F7FB, #F6D7A8)

Colors



<!-- Primary Colors -->
<color name="day_color_10">#005EA6</color>
<color name="day_color_20">#78ACFD</color>
<color name="day_color_30">#BBDDE9</color>
<color name="day_color_40">#F6F7FB</color>
<color name="day_color_50">#F6D7A8</color>

PWA prompt