Candy

#3e5efa

#94a9ff

#dbdbff

#ff8cb3

#e91e63

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Red

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3e5efa	rgb(62, 94, 250)	hsl(230 95% 61%)	hwb(230 24% 2%)	lch(45.5 88.5 291)	lab(45.5 31.4 -82.8)	cmyk 75%, 62%, 0%, 2%
	#94a9ff	rgb(148, 169, 255)	hsl(230 100% 79%)	hwb(230 58% 0%)	lch(70.2 46.5 281)	lab(70.2 8.78 -45.6)	cmyk 42%, 34%, 0%, 0%
	#dbdbff	rgb(219, 219, 255)	hsl(240 100% 93%)	hwb(240 86% 0%)	lch(88.3 18.4 287)	lab(88.3 5.22 -17.6)	cmyk 14%, 14%, 0%, 0%
	#ff8cb3	rgb(255, 140, 179)	hsl(340 100% 77%)	hwb(340 55% 0%)	lch(72.1 47.6 360)	lab(72.1 47.6 -0.005)	cmyk 0%, 45%, 30%, 0%
	#e91e63	rgb(233, 30, 99)	hsl(340 82% 52%)	hwb(340 12% 8.6%)	lch(51.6 76.4 12.9)	lab(51.6 74.5 17.1)	cmyk 0%, 87%, 58%, 9%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3e5efa

AA - 5.01



#94a9ff

AA - 2.23



#dbdbff

AA - 1.34



#ff8cb3

AA - 2.17



#e91e63

AA - 4.34



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(55.8% -0.006 -0.234), oklab(75.3% 0.006 -0.126), oklab(90.3% 0.013 -0.047), oklab(77.5% 0.145 -0.002), oklab(60.6% 0.227 0.038))

Fallback colors



background: linear-gradient(45deg, #3e5efa, #94a9ff, #dbdbff, #ff8cb3, #e91e63)

Colors



<!-- Primary Colors -->
<color name="candy_color_10">#3e5efa</color>
<color name="candy_color_20">#94a9ff</color>
<color name="candy_color_30">#dbdbff</color>
<color name="candy_color_40">#ff8cb3</color>
<color name="candy_color_50">#e91e63</color>

PWA prompt