Future

#10005d

#1b289a

#3351e5

#f3bd81

#860b9a

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#10005d	rgb(16, 0, 93)	hsl(250 100% 18%)	hwb(250 0% 64%)	lch(7.04 61.2 303)	lab(7.04 33.2 -51.5)	cmyk 83%, 100%, 0%, 64%
	#1b289a	rgb(27, 40, 154)	hsl(230 70% 35%)	hwb(230 11% 40%)	lch(22.7 71.2 295)	lab(22.7 30.3 -64.4)	cmyk 82%, 74%, 0%, 40%
	#3351e5	rgb(51, 81, 229)	hsl(230 77% 55%)	hwb(230 20% 10%)	lch(40.2 85.6 292)	lab(40.2 31.4 -79.7)	cmyk 78%, 65%, 0%, 10%
	#f3bd81	rgb(243, 189, 129)	hsl(32 83% 73%)	hwb(32 51% 4.7%)	lch(80.6 40.9 68.8)	lab(80.6 14.8 38.1)	cmyk 0%, 22%, 47%, 5%
	#860b9a	rgb(134, 11, 154)	hsl(290 87% 32%)	hwb(290 4.3% 40%)	lch(32.9 75.4 321)	lab(32.9 58.9 -47.1)	cmyk 13%, 93%, 0%, 40%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#10005d

AAA - 17.79



#1b289a

AAA - 11.55



#3351e5

AA - 6.08



#f3bd81

AA - 1.69



#860b9a

AAA - 8.3



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(22.6% 0.008 -0.144), oklab(36% -0.004 -0.182), oklab(51.3% -0.008 -0.225), oklab(83.4% 0.036 0.092), oklab(45.3% 0.163 -0.132))

Fallback colors



background: linear-gradient(45deg, #10005d, #1b289a, #3351e5, #f3bd81, #860b9a)

Colors



<!-- Primary Colors -->
<color name="future_color_10">#10005d</color>
<color name="future_color_20">#1b289a</color>
<color name="future_color_30">#3351e5</color>
<color name="future_color_40">#f3bd81</color>
<color name="future_color_50">#860b9a</color>

PWA prompt