Cosmic Dust

#6105e0

#a882ff

#d8c6ff

#f0f8ff

#1c1d46

Actions

Explore the palette in different formats, and actions.

Colors overview

An intriguing blend of cosmic depth and ethereal lightness.

AI-generated description.

Blue

Purple

White

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#6105e0	rgb(97, 5, 224)	hsl(270 96% 45%)	oklab(47% 0.08 -0.25)	oklch(47% 0.26 290)	color(display-p3 0.35 0.07 0.84)
	#a882ff	rgb(168, 130, 255)	hsl(260 100% 75%)	oklab(70% 0.08 -0.16)	oklch(70% 0.18 300)	color(display-p3 0.64 0.52 0.97)
	#d8c6ff	rgb(216, 198, 255)	hsl(260 100% 89%)	oklab(86% 0.04 -0.07)	oklch(86% 0.08 300)	color(display-p3 0.84 0.78 0.98)
	#f0f8ff	rgb(240, 248, 255)	hsl(210 100% 97%)	oklab(98% -0.01 -0.01)	oklch(98% 0.01 240)	color(display-p3 0.95 0.97 1)
	#1c1d46	rgb(28, 29, 70)	hsl(240 43% 19%)	oklab(26% 0.01 -0.07)	oklch(26% 0.08 280)	color(display-p3 0.11 0.11 0.26)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#6105e0

AAA - 8.05



#a882ff

AA - 2.87



#d8c6ff

AA - 1.56



#f0f8ff

AA - 1.07



#1c1d46

AAA - 15.98



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(46.7% 0.083 -0.251), oklab(69.7% 0.077 -0.162), oklab(86% 0.039 -0.07), oklab(97.5% -0.006 -0.011), oklab(25.6% 0.011 -0.074))

Fallback colors



background: linear-gradient(45deg, #6105e0, #a882ff, #d8c6ff, #f0f8ff, #1c1d46)

Colors



<!-- Primary Colors -->
<color name="cosmic_dust_color_10">#6105e0</color>
<color name="cosmic_dust_color_20">#a882ff</color>
<color name="cosmic_dust_color_30">#d8c6ff</color>
<color name="cosmic_dust_color_40">#f0f8ff</color>
<color name="cosmic_dust_color_50">#1c1d46</color>

PWA prompt