Donut

#011c27

#03254e

#545677

#eb9fef

#fecee9

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#011c27	rgb(1, 28, 39)	hsl(200 95% 7.8%)	hwb(200 0.39% 85%)	lch(8.67 12.9 237)	lab(8.67 -7.07 -10.8)	cmyk 97%, 28%, 0%, 85%
	#03254e	rgb(3, 37, 78)	hsl(210 93% 16%)	hwb(210 1.2% 69%)	lch(14.4 29.3 275)	lab(14.4 2.43 -29.2)	cmyk 96%, 53%, 0%, 69%
	#545677	rgb(84, 86, 119)	hsl(240 17% 40%)	hwb(240 33% 53%)	lch(37.4 19.9 286)	lab(37.4 5.38 -19.2)	cmyk 29%, 28%, 0%, 53%
	#eb9fef	rgb(235, 159, 239)	hsl(300 71% 78%)	hwb(300 62% 6.3%)	lch(75.2 47.8 323)	lab(75.2 38.4 -28.6)	cmyk 2%, 33%, 0%, 6%
	#fecee9	rgb(254, 206, 233)	hsl(330 96% 90%)	hwb(330 81% 0.39%)	lch(87.6 21.6 342)	lab(87.6 20.6 -6.62)	cmyk 0%, 19%, 8%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#011c27

AAA - 17.54



#03254e

AAA - 15.23



#545677

AAA - 7.06



#eb9fef

AA - 1.95



#fecee9

AA - 1.37



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(21.2% -0.027 -0.03), oklab(26.8% -0.021 -0.082), oklab(46.5% 0.011 -0.052), oklab(80.3% 0.112 -0.078), oklab(90.1% 0.061 -0.018))

Fallback colors



background: linear-gradient(45deg, #011c27, #03254e, #545677, #eb9fef, #fecee9)

Colors



<!-- Primary Colors -->
<color name="donut_color_10">#011c27</color>
<color name="donut_color_20">#03254e</color>
<color name="donut_color_30">#545677</color>
<color name="donut_color_40">#eb9fef</color>
<color name="donut_color_50">#fecee9</color>

PWA prompt